首先第一步需要檢查echarts的導入方式，在5.0以后的版本，echarts做了比較大的調整，在vue中引入時必須使用如下命令

// import echarts from 'echarts' 這種方式高版本不支持import * as echarts from 'echarts'vue.prototype.$echarts = echarts

其次在結合vue-echarts使用時才可以使用如下命令添加漸變

color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{offset: 0,color: 'rgba(90, 184, 126, 1)'},{offset: 1,color: 'rgba(90, 184, 126, 0.08)'} ])

最后，打完收工！

總結

以上是生活随笔為你收集整理的Echart 5.0+版本报错Error in data(): “TypeError: Cannot read properties of undefined (reading ‘graphic‘)“的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。