echarts 渲染注意点

1.画echart的时候一定要再mounted方法中初始化，不然没有容器时没法画图的

2.拉伸自适应

  window.addEventListener("resize", function () {
      barChart.resize(); //barChart指自己定义的echartsDom
});

3.折线图底下带阴影效果

areaStyle: {
  normal: {
    color: {
      x: 0,
      y: 0,
      x2: 0,
      y2: 1,
      colorStops: [{
          offset: 0,
          color: "#dc3881" // 0% 处的颜色
        }, {
          offset: 0.7,
          color: "rgba(220,56,129,0)" // 100% 处的颜色
         }],
          globalCoord: false // 缺省为 false
        }
      }
},

4.clear 和dispose区别

echarts.clear()是清空当前实例，会移除实例中所有的组件和图表。 类似于v-show

echarts.dispose()是销毁实例，销毁后实例无法再被使用。类似于v-if

如果连图表容器都被销毁了，那就要调用echarts.dispose()销毁实例

5.如果想要展示的数据是0，y轴可以设置一个最大的坐标轴，否则就会展示 0-1,变成小数了