echarts控制台警告 There is a chart instance already initialized on the dom.

（近期遇到的两个echars报错 以及一些echarts问题的整理）

（1）

ECharts 控制台警告
There is a chart instance already initialized on the dom.

注意下给echarts ID时 别重复命名的这个问题
虽然不会报错 但是控制台会有警告
Dom 上已经初始化了一个图表实例

（2）

echarts报错
cannot read property “setOption” of null

因为之前 this.chartline.setoption({ … }) 是写在请求里的 不涉及dom加载问题
当把这个复制出来（不能联调 先写些假数据） 就会出现报错
所以包一层 this.$nextTick(() => { }) 即可

（3）echarts中y轴刻度设置显示为整数

yAxis 下的 minInterval：1

（4）echarts网格线 和 网格区域

splitLine
splitArea
可以设置show true/false
lineStyle{ color / type:“sold” } 等

（5）vue中如何让多个echarts随屏幕大小变化

	myChart = this.$echarts.init(document.getElementById('myChart'))
		window.addEventListener("resize",() => {
		myChart.resize();
	})

（6）echarts地图 visualMap数组最大值max的获取方式
比较数组参数，选取最大值

var cityMax = cityData[0].value;
for(var i = 0; i < cityData.length - 1; i++) {
	cityMax = cityMax < cityData[ i + 1 ].value ? cityData[ i + 1 ].value : cityMax
}

visualMap中 max = cityMax即可

（7） echarts 3 不支持nodataLoadingOption 暂无数据动画
用this.chartLine.showLoading() 来代替