创新互联Highcharts教程:Highcharts教程

Highcharts 树状图(Treemap)

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

创新互联建站是一家集网站建设,南沙企业网站建设,南沙品牌网站建设,网站定制,南沙网站建设报价,网络营销,网络优化,南沙网站推广为一体的创新建站企业,帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿,时刻以成就客户成长自我,坚持不断学习、思考、沉淀、净化自己,让我们为更多的企业打造出实用型网站。

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


树状图

series 配置

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

var chart = {
   type: 'treemap'
};

实例

文件名:highcharts_tree_map.htm



Highcharts 教程 | XWCX.NET教程(cdcxhl.com)
   
   
       
     


尝试一下 »

以上实例输出结果为:


不同等级树状图

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

实例

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



Highcharts 教程 | 教程(cdcxhl.com)
   
   
       
     


尝试一下 »

以上实例输出结果为:


大数据量树状图

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

文件名:highcharts_tree_largemap.htm



Highcharts Tutorial
   
       
       
     


尝试一下 »

以上实例输出结果为:

分享名称:创新互联Highcharts教程:Highcharts教程
网页网址:http://www.shufengxianlan.com/qtweb/news0/207050.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联