ECharts使用总结

解决堆叠问题

在折线图的使用过程中，会发现同样的数值，但是描点位置不一样的问题，实际上是由于stack属性引起的。
如下图所示：

Stack：顾名思义就是堆叠的意思，若要避免此情况，可以选择去掉series中的stack，或者取不同的名字，即可解决。

series: [
           {   name:'误报数',
               type:'line',
               stack: '总量',
               data:[],
           },
           {
               name:'总故障数',
               type:'line',
               stack: '总量',
               data:[],
           },

坐标倾斜

当横轴数据过多，容易出现显示不全问题，这时我们需要设置axisLabel中的interval、rotate值。

• interval：刻度间隔，默认值是auto，如果想要显示所有刻度，则需要设置当前属性值为0；

• rotate：设置文本倾斜角度；

代码如下：

xAxis : [
			{
			   type : 'category',
			   boundaryGap : false,
			   data : [],
			   axisLabel:{//x轴标签倾斜
				interval:0,
				rotate:50
			   }
			}
	    ],