Highcharts Chinese Reference Manual /Highcharts 树状图(Treemap)

Highcharts 树状图(Treemap)

本章节我们将为大家介绍 Highcharts 的热点图。

我们在前面的章节已经了解了 Highcharts 配置语法。接下来让我们来看下 Highcharts 的其他配置。


树状图

series 配置

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

var chart = {
type: 'treemap'
};

实例

文件名:highcharts_tree_map.htm

实例

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

运行实例 »

点击 "运行实例" 按钮查看在线实例


不同等级树状图

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

实例

文件名:highcharts_tree_levels.htm(完整源码请点击实例查看)

实例

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

运行实例 »

点击 "运行实例" 按钮查看在线实例


大数据量树状图

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

文件名:highcharts_tree_largemap.htm

实例

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

运行实例 »

点击 "运行实例" 按钮查看在线实例