废话不多说，上代码 

需要将原来的 new echarts.graphic.LinearGradient   改成这样:

new this.$echarts.graphic.LinearGradient  that.$echarts.graphic.LinearGradient

//抄作业的渐变代码
itemStyle: {
        color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [
           { offset: 0, color: "#6DF1FD" },
           { offset: 1, color: "#62D5FA" },
         ]),
        },



//vue中出问题的代码
itemStyle: {
        color: that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
           { offset: 0, color: "#6DF1FD" },
           { offset: 1, color: "#62D5FA" },
         ]),
        },



//解决后的Vue代码
itemStyle: {
        color:  new that.$echarts.graphic.LinearGradient(0, 0, 0, 1, [
           { offset: 0, color: "#6DF1FD" },
           { offset: 1, color: "#62D5FA" },
         ]),
        },

# echarts # vue.js # javascript
Logo
华为云开发者联盟

为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。

更多推荐

cover

教你如何搞定springboot集成kafka

avatar 华为云开发者联盟
cover

通过HPA+CronHPA组合应对业务复杂弹性伸缩场景

avatar 华为云开发者联盟
cover

如何使用Python和Plotly绘制3D图形

avatar 华为云开发者联盟