小程序使用echarts

最近在小程序上使用Echarts,不得不說踩了很多坑,繞了很多路,希望以后謹記.....

首先小程序使用Echarts還是按照Echarts的官方文檔把配置配好

由於要使用的是地圖所以首先要下載好百度的離線地圖

　　但是!!!!

離線地圖只有省份的js文件,沒有縣和市的js文件,縣市的地圖只有json文件

直接引入我也不知道行不行,反正我是失敗了..

然后我是這樣處理的,直接仿照省份的js文件把縣市的json文件改成js文件

只需要在文件開頭加上  module.exports ={.......}   就可以像js文件一樣正常引入了,

另外Echarts的大部分功能微信小程序都是支持的只是語法換了一下.

例如點擊事件:

    //點擊事件
    chart.on('click', function (params) {
        var that=this;
        var cityName = params.name;
        changedata(cityName);
        Inmap_bar.setOption({
            title: {
                text: cityName },
            xAxis: {
                type: 'value',
                axisLabel: {
                    formatter: '{value}'
                },
                position: "top"
            },
            yAxis: [{
                inverse: true,
                type: 'category',
                data: ["線索", "查實", "查否", "在查"],

            }],

            series: [{
                name: "數量",
                type: 'bar',
                data: bar_data,//this.data.bar_data,//
                //數值顯示
                label: {
                    normal: {
                        show: true,
                        position: "inside"
                    }
                },
            }]
        }, true);
        console.log(bar_data)
    })

在JavaScript里可以寫在很多位置,但小程序必須寫在

initChart()函數中也就是初始化的時候就要注冊這個函數才能生效..

另外setOption()只更新數據是沒有用的要同時把配置更新才會生效!