echarts的使用注意要點,關於回調函數，data維度和事件循環

在公司作了一版dashboard，對echarts有了大量的實踐。堅果圖，日曆圖，折線圖，地理圖。難易程度排名爲堅果圖，折線圖，日曆圖，地理圖。總結了如下幾點注意事項：

• 利用好回調函數，能夠極大的增長圖表個性化。如

tooltip : {
        trigger: 'item',
        formatter : function (params) {
           var value = params.value[1].toString().replace(/(\d{1,3})(?=(\d{3})+$)/g,function($1){return $1=$1+','})
           return `${params.value[0]}<br/>活躍人次：${value}`
         }
      }

• 圖表共同的特色是鼠標懸浮的標籤能夠用回調函數格式化，
• 散點圖的symbol大小也能夠經過回調函數設置，
• 映射的分段設置，很是的靈活。如

visualMap: [
          {
            type: 'piecewise',
            min: 0,
            max: 100,
            bottom: 60,
            left: "left",
            pieces: [
                {min: 0, max: 59,label: '<60%',color:'#FF4177'},
                {min: 60, max: 70, label: '60%-70%',color:'#FFA45A'},  
                {min: 71, max: 89, label: '71%-89%',color:'#FFDC5A'},  
                {min: 90, max: 100, label: '90%-100%',color:'#00B743'}, 
            ],
            dimension:2
          }

• 設置的data是數組形式，能夠經過value[x]取到每一個item的x維度數據。如

data: [["115.88", "26.863", 99, 99,77,"430000",四川]],
 params[0].value[6] ：四川

• 散點圖是獨立於幾個座標表的，xy座標，日曆，地圖上均可以成爲散點圖的分佈座標系
• 地理圖有js引入方式和json文件格式引入，目前用的方法是請求json格式的文件，其實json 文件中儲存的都是一種叫作geoJSON格式的位置信息，echarts根據這些信息繪製多邊形以及其相應標籤。
• 圖表重繪後須要注意及時dispose，否則當點擊一個散點的時候會屢次觸發綁定的點擊事件。嚴重時會致使瀏覽器崩潰。
• 注意不要在watch的圖表data屬性中設置操做data屬性，由於echarts賦值時會對該data進行操做和改變，該變化會被watch再次捕獲，即會進入事件循環。