首先第一步需要检查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)'
}
])
最后,打完收工!