新聞中心
visualMap[i]
visualMap 是視覺映射組件,用于進(jìn)行『視覺編碼』,也就是將數(shù)據(jù)映射到視覺元素(視覺通道)。

創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),張店企業(yè)網(wǎng)站建設(shè),張店品牌網(wǎng)站建設(shè),網(wǎng)站定制,張店網(wǎng)站建設(shè)報(bào)價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,張店網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
視覺元素可以是:
- symbol: 圖元的圖形類別。
- symbolSize: 圖元的大小。
- color: 圖元的顏色。
- colorAlpha: 圖元的顏色的透明度。
- opacity: 圖元以及其附屬物(如文字標(biāo)簽)的透明度。
- colorLightness: 顏色的明暗度,參見 HSL。
- colorSaturation: 顏色的飽和度,參見 HSL。
- colorHue: 顏色的色調(diào),參見 HSL。
visualMap 組件可以定義多個,從而可以同時對數(shù)據(jù)中的多個維度進(jìn)行視覺映射。
visualMap 組件可以定義為 分段型(visualMapPiecewise) 或 連續(xù)型(visualMapContinuous),通過 type 來區(qū)分。例如:
option = {
visualMap: [
{ // 第一個 visualMap 組件
type: 'continuous', // 定義為連續(xù)型 viusalMap
...
},
{ // 第二個 visualMap 組件
type: 'piecewise', // 定義為分段型 visualMap
...
}
],
...
};
視覺映射方式的配置
既然是『數(shù)據(jù)』到『視覺元素』的映射,visualMap 中可以指定數(shù)據(jù)的『哪個維度』(參見 visualMap.dimension)映射到哪些『視覺元素』(參見 visualMap.inRange 和 visualMap.outOfRange)中。
在 visualMap 組件所控制的 series 中,如果 series 中某個數(shù)據(jù)項(xiàng)需要避開 visualMap 映射,可以這么配置:
series : [
{name: 'Shanghai', value: 251},
{name: 'Haikou', value: 21},
// 設(shè)置 `visualMap: false` 則 visualMap 不對此項(xiàng)進(jìn)行控制,此時系列
// 可使用自身的視覺參數(shù)(color/symbol/ ...控制此項(xiàng)的顯示。
{name: 'Beijing', value: 821, visualMap: false},
...
]
與 ECharts2 中 dataRange 的關(guān)系
visualMap 是由 ECharts2 中的 dataRange 組件改名以及擴(kuò)展而來。ECharts 3里 option 中的 dataRange 配置項(xiàng)仍然被兼容,會自動轉(zhuǎn)換成 visualMap 配置項(xiàng)。在 option 中推薦寫 visualMap 而非 dataRange。
分享標(biāo)題:創(chuàng)新互聯(lián)ECharts教程:ECharts視覺映射組件(visualMap)
文章分享:http://fisionsoft.com.cn/article/cdhpich.html


咨詢
建站咨詢
