echarts地圖的雜湊點,需要每個區域的閃爍點的大小各不相同,主要透過屬性symbolSize進行設定,如果這個值設定為一個數值,那麼所有閃縮點大小就都一樣,如何根據區域的值設定為不一樣的呢?
echarts配置項
官網查詢echarts的symbolSize配置項說明,我們知道可以自定義該配置項。
解決辦法
為symbolSize提供一個自定義的回撥函式,但是這個函式該怎麼寫呢?按照官網的說明,就是可以接受兩個引數value和params,對於地圖渲染的時候會將一個地圖區域的資料作為value傳入該回調函式中,它是一個數組,value[0]是經度,value[1]是維度,value[2]是對應的值。示例程式碼:
symbolSize: function (val,params) {
return val[2] * 40;
}
1
2
3
echarts圖表的回撥函式都是外掛自動呼叫並傳遞引數的,引數個數可以檢視官方文件。值得注意的是:這裡的symbolSize的回撥函式只能是匿名函式,而不能是一個全域性的函式。
簡單應用,記錄一下。
echarts地圖的雜湊點,需要每個區域的閃爍點的大小各不相同,主要透過屬性symbolSize進行設定,如果這個值設定為一個數值,那麼所有閃縮點大小就都一樣,如何根據區域的值設定為不一樣的呢?
echarts配置項
官網查詢echarts的symbolSize配置項說明,我們知道可以自定義該配置項。
解決辦法
為symbolSize提供一個自定義的回撥函式,但是這個函式該怎麼寫呢?按照官網的說明,就是可以接受兩個引數value和params,對於地圖渲染的時候會將一個地圖區域的資料作為value傳入該回調函式中,它是一個數組,value[0]是經度,value[1]是維度,value[2]是對應的值。示例程式碼:
symbolSize: function (val,params) {
return val[2] * 40;
}
1
2
3
1
2
3
echarts圖表的回撥函式都是外掛自動呼叫並傳遞引數的,引數個數可以檢視官方文件。值得注意的是:這裡的symbolSize的回撥函式只能是匿名函式,而不能是一個全域性的函式。
簡單應用,記錄一下。