echarts水波图常见问题 echarts

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

文章图片

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

【echarts水波图常见问题】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% 处的颜色},],},],]