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% 处的颜色
},
],
},
],
]