导读	Highcharts 是一个用纯JavaScript编写的一个图表库。Highcharts 能够很简单便捷的在web网站或是web应用程序添加有交互性的图表。

了解下Highcharts 树状图(Treemap)了解下Highcharts 树状图(Treemap)

树状图 series 配置

设置 series 的 type 属性为 treemap ，series.type 描述了数据列类型。默认值为 "line"。

var chart = {    type: 'treemap' };

实例

文件名：highcharts_tree_map.htm

   Highcharts 教程 | 菜鸟教程(runoob.com)

以上实例输出结果为：

Highcharts TreemapAABBCCDDEEFFGG02468Highcharts.com 不同等级树状图

以下实例使用不同颜色来标识不同等级的树状图。

实例

文件名：highcharts_tree_levels.htm（完整源码请点击实例查看）

   Highcharts 教程 | 菜鸟教程(runoob.com)

以上实例输出结果为：

Fruit consumptionApplesApplesBananasBananasOrangesOrangesAnneAnneRickRickPeterPeterAnneAnneRickRickPeterPeterAnneAnneRickRickPeterPeterSusanneSusanneHighcharts.com

大数据量树状图

以下实例颜色了大数据量的树状图，具体实例数据可通过点击"尝试一下"查看。

文件名：highcharts_tree_largemap.htm

   Highcharts 教程 | 菜鸟教程(runoob.com)

以上实例输出结果为：

2012年全球死亡率到，每10万人口通过点击钻入，获取更详细数据South-East AsiaSouth-East AsiaEuropeEuropeAfricaAfricaAmericasAmericasEastern MediterraneanEastern MediterraneanWestern PacificWestern PacificHighcharts.com

原文来自：