小程序使用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()只更新数据是没有用的要同时把配置更新才会生效!