echarts水波图常见问题

1.当设置了渐变颜色之后，初始化渐变颜色不会报错，动态更新二次渲染时会报错

解决：animation: false（取消动画效果）

 

2.初始化后页面无法在页面中渲染数据，再次修改代码保存后才将数据渲染出来

解决：

private myChart: any;
@Watch("dataSize", { deep: true , immediate: true}) 
  public valueChange(val: any) { // val的值就是"dataSize"
    if (val) { // 用于判断是否有数据传过来
      this.myChart.setOption(this.option); //监听得到数据后再将数据传进option（重点）
    } 
  }

3.如何去掉水波上的阴影

解决：

series：[
    itemStyle: {
               shadowBlur: 0
    },
]

4.渐变色设置

series:[

 color: [

          {

            type: "linear",

            x: 0,

            y: 0,

            x2: 0,

            y2: 1,

            colorStops: [

              {

                offset: 0,

                color: "#FFEC9B", // 0% 处的颜色

              },

              {

                offset: 1,

                color: "#F28D83", // 100% 处的颜色

              },

            ],

          },

        ],

]