echarts數(shù)據(jù)可視化 Echarts3的餅圖自定義標(biāo)注怎么設(shè)置?
Echarts3的餅圖自定義標(biāo)注怎么設(shè)置?Markpoint:{symbol:“circle”,label:{normal:{show:true,}]},itemstyle:{},data:[{nam
Echarts3的餅圖自定義標(biāo)注怎么設(shè)置?
Markpoint:{
symbol:“circle”,
label:{
normal:{
show:true,
}]},
itemstyle:{},
data:[{
name:“某個(gè)屏幕坐標(biāo)”,
x:10,
y:10
},
},
}
在ecarts中,symbol樣式具有內(nèi)置的“circle”、“rect”、“roundrect”、“triangle”、“diamond”、“pin”,“箭頭”幾個(gè),如果這些不符合需要,我們必須定制我們需要的樣式。
echart symbol屬性有哪些?
ecarts映射的散列點(diǎn)需要在每個(gè)區(qū)域具有不同大小的閃爍點(diǎn)。它主要由屬性symbolsize設(shè)置。如果將此值設(shè)置為某個(gè)值,則所有閃爍點(diǎn)的大小都相同。如何根據(jù)面積大小設(shè)置不同的尺寸?
Ecarts配置項(xiàng)
在官方網(wǎng)站上找到Ecarts symbolsize配置項(xiàng)的說(shuō)明。我們知道可以自定義此配置項(xiàng)。
解決方案
為symbolsize提供自定義回調(diào)函數(shù),但如何編寫(xiě)此函數(shù)?根據(jù)官方網(wǎng)站,您可以接受兩個(gè)參數(shù)value和params。渲染地圖時(shí),將地圖區(qū)域的數(shù)據(jù)作為值傳遞到回調(diào)函數(shù)中。它是一個(gè)數(shù)組,值[0]是經(jīng)度,值[1]是維度,值[2]是對(duì)應(yīng)的值。示例代碼:
symbolsize:function(Val,params){
return Val[2]*40
}
1
2
3
1
2
3
圖表的回調(diào)函數(shù)由插件和傳遞參數(shù)自動(dòng)調(diào)用。參數(shù)的數(shù)量可以在官方文件中查看。值得注意的是,這里symbolsize的回調(diào)函數(shù)只能是匿名的,不能是全局的。
簡(jiǎn)單的應(yīng)用、記錄。