建站
咨詢
售后
建站咨詢
新聞中心
Highcharts 樹狀圖(Treemap)
本章節(jié)我們將為大家介紹 Highcharts 的熱點(diǎn)圖。
創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設(shè),南沙企業(yè)網(wǎng)站建設(shè),南沙品牌網(wǎng)站建設(shè),網(wǎng)站定制,南沙網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,南沙網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
我們?cè)谇懊娴恼鹿?jié)已經(jīng)了解了 Highcharts 配置語(yǔ)法。接下來(lái)讓我們來(lái)看下 Highcharts 的其他配置。
樹狀圖
series 配置
設(shè)置 series 的 type 屬性為 treemap ，series.type 描述了數(shù)據(jù)列類型。默認(rèn)值為 "line"。
var chart = {
type: 'treemap'
};
實(shí)例
文件名：highcharts_tree_map.htm
Highcharts 教程 | XWCX.NET教程(cdcxhl.com)
嘗試一下 ?
以上實(shí)例輸出結(jié)果為：
不同等級(jí)樹狀圖
以下實(shí)例使用不同顏色來(lái)標(biāo)識(shí)不同等級(jí)的樹狀圖。
實(shí)例
文件名：highcharts_tree_levels.htm（完整源碼請(qǐng)點(diǎn)擊實(shí)例查看）
Highcharts 教程 | 教程(cdcxhl.com)
嘗試一下 ?
以上實(shí)例輸出結(jié)果為：
大數(shù)據(jù)量樹狀圖
以下實(shí)例顏色了大數(shù)據(jù)量的樹狀圖，具體實(shí)例數(shù)據(jù)可通過點(diǎn)擊"嘗試一下"查看。
文件名：highcharts_tree_largemap.htm
Highcharts Tutorial
嘗試一下 ?
以上實(shí)例輸出結(jié)果為：
本文名稱：創(chuàng)新互聯(lián)Highcharts教程：Highcharts教程
文章鏈接：http://m.fisionsoft.com.cn/article/cdhejeo.html
