Charts 这个图表的名称是什么?

Charts 这个图表的名称是什么?,charts,treemap,Charts,Treemap,这种图表有具体的名称吗?什么JavaScript图表库有它 查找树状图/树状图。以下是对它们的描述: 在信息可视化和计算中,树映射是一种使用嵌套矩形显示层次数据的方法。[…] 树形图将层次(树形结构)数据显示为一组 嵌套矩形。树的每个分支都有一个矩形 然后用表示分支的较小矩形平铺。A 叶节点的矩形的面积与指定的 数据的维度。” 利用这种技术的一个显著工具是。他们的网站也将这种可视化称为树形图 考虑到这个术语,您应该能够很容易地找到一个JavaScript库,该库可以通过简单地执行以下操作来生成它

这种图表有具体的名称吗?什么JavaScript图表库有它


查找树状图/树状图。以下是对它们的描述:

在信息可视化和计算中,树映射是一种使用嵌套矩形显示层次数据的方法。[…]

树形图将层次(树形结构)数据显示为一组 嵌套矩形。树的每个分支都有一个矩形 然后用表示分支的较小矩形平铺。A 叶节点的矩形的面积与指定的 数据的维度。”

利用这种技术的一个显著工具是。他们的网站也将这种可视化称为树形图

考虑到这个术语,您应该能够很容易地找到一个JavaScript库,该库可以通过简单地执行以下操作来生成它们。(我不能推荐以下任何一项,因为我没有使用它们,但是链接的谷歌搜索在第一个结果页面上找到了jsTreemap、Plotly.js、谷歌图表和其他一些。)

如果您对这些图表背后的算法感到好奇,您可能会对这些论文感兴趣:

它被称为,是一个JavaScript图表库。这是一种绘制分层数据图表的有用方法。它还允许用户交互,因为用户可以进一步深入到树状图中。查看下面的演示

var myConfig={
“图形集”:[
{
“类型”:“树映射”,
“绘图区域”:{
“边距”:“0 30 0”
},
“工具提示”:{
},
“选择”:{
},
“系列”:[
{
“文本”:“北美”,
“儿童”:[
{
“案文”:“美国”,
“儿童”:[
{
“文本”:“德克萨斯州”,
“价值”:21
},
{
“文本”:“加利福尼亚”,
“价值”:53
},
{
“文本”:“俄亥俄州”,
“价值”:12
},
{
“文本”:“纽约”,
“价值”:46
},
{
“文本”:“密歇根”,
“价值”:39
},
{
“文本”:“阿拉巴马州”,
“价值”:25
}
]
},
{
“案文”:“加拿大”,
“价值”:113
},
{
“文本”:“墨西哥”,
“价值”:78
}
]
},
{
“案文”:“欧洲”,
“儿童”:[
{
“案文”:“法国”,
“价值”:42
},
{
“案文”:“西班牙”,
“价值”:28
},
{
“案文”:“瑞士”,
“价值”:13
},
{
“案文”:“德国”,
“价值”:56
},
{
“案文”:“塞浦路斯”,
“价值”:7
}
]
},
{
“案文”:“非洲”,
“儿童”:[
{
“案文”:“埃及”,
“价值”:22
},
{
“案文”:“刚果”,
“价值”:38
},
{
“案文”:“莱索托”,
“价值”:9
}
]
},
{
“案文”:“亚洲”,
“儿童”:[
{
“文本”:“印度”,
“价值”:92
},
{
“文本”:“中国”,
“价值”:68
},
{
“案文”:“蒙古”,
“价值”:25
}
]
},
{
“文本”:“南美洲”,
“儿童”:[
{
“案文”:“巴西”,
“价值”:42
},
{
“案文”:“阿根廷”,
“价值”:28
},
{
“案文”:“秘鲁”,
“价值”:15
},
{
“案文”:“乌拉圭”,
“价值”:33
}
]