echarts可能遇到的问题

1、实现各类图时，无报错但是图无法显示

原因:1、容器的宽高未设置（设置宽高）

        2、方法写了但是没有调用（调用方法，如果是与vue结合使用，可以再mounted里调用）

2、实现中国地图时，找不到china.js文件或找到的省份名不居中或省份间存在空隙

居中的china.js

3、折线图中存在多条折线但数据相同时点却不重合

 去除series里的 stack: 'Total'或将每一条折线的分别改为不同

4、修改canvas中图的位置

option里添加

 grid: {
                    left: '3%',
                    right: '4%',
                    bottom: '3%',
                   
                },

5、修改饼图中环形图的环形大小

series: [
              {
                 name: '',
                 type: 'pie',
                 radius: ['70%', '100%'],//修改本行，小的为内环的半径大小，大的为外环的半径大小
                        
                    }
        ]

6、修改饼图中文子的样式

 title: {
                    text: '异常率',
                    // 副标题
                    subtext: 'tt',//环形图中的文字
                    // 主副标题间距
                    itemGap: 10,
                    x: 'center',
                    y: 'center',
                    top: '30',
                    // 主标题样式
                    textStyle: {
                        fontSize: '12',
                        color: '#333333',
                        fontFamily: 'AlibabaPuHuiTi-Regular, AlibabaPuHuiTi'
                    },
                    // 副标题样式
                    subtextStyle: {
                        fontSize: '18',
                        fontWeight: '500',
                        color: 'black',
                        fontFamily: 'AlibabaPuHuiTi-Medium, AlibabaPuHuiTi'
                    }
                },

7、修改tooltip的位置

 tooltip: {
                    trigger: 'item',
                    position: ['50%', '30%'],
                    width: 90
                },

 8、修改折线图x轴的颜色

xAxis: {
                    type: 'category',
                    boundaryGap: false,
                    data: data.xData,
                    axisLine: {
                        lineStyle: {
                            color: "#999999"//
                        }
                    }
                },

9、当页面大小改变时，图表自适应大小

window.addEventListener('resize', function () {
                myChart.resize()
            })

10、修改tooltip的显示内容，以地图中显示省份和数据为例

tooltip: {
            formatter: function (params) {
             return params.seriesName + "<br>" + params.name + "：" + params.value;
         }