echarts圖表怎么自適應屏幕大??？如果一個頁面有一個圖表：myChart.setOption(option，window.onresize = myChart.resize)；如果一個頁面有多個圖

echarts圖表怎么自適應屏幕大??？

如果一個頁面有一個圖表：myChart.setOption(option，window.onresize = myChart.resize)；如果一個頁面有多個圖表（此處舉例3個）：vendor.setOption(vendors)company.setOption(companys)在最后加上如下代碼//圖表根據窗口大小自適應setTimeout(function (){window.onresize = function () {shopsInfo.resize()vendor.resize()company.resize()}})

echarts地圖的散列點，需要每個區(qū)域的閃爍點的大小各不相同？

echarts地圖的散列點，需要每個區(qū)域的閃爍點的大小各不相同，主要通過屬性symbolSize進行設置，如果這個值設置為一個數值，那么所有閃縮點大小就都一樣，如何根據區(qū)域的值設置為不一樣的呢？

echarts配置項

官網查找echarts的symbolSize配置項說明，我們知道可以自定義該配置項。

解決辦法

為symbolSize提供一個自定義的回調函數，但是這個函數該怎么寫呢？按照官網的說明，就是可以接受兩個參數value和params，對于地圖渲染的時候會將一個地圖區(qū)域的數據作為value傳入該回調函數中，它是一個數組，value[0]是經度，value[1]是維度，value[2]是對應的值。示例代碼：

symbolSize: function (val，params) {

return val[2] * 40

}

1

2

3

1

2

3

echarts圖表的回調函數都是插件自動調用并傳遞參數的，參數個數可以查看官方文檔。值得注意的是：這里的symbolSize的回調函數只能是匿名函數，而不能是一個全局的函數。

簡單應用，記錄一下。