vue+element-ui+echarts,饼状图怎么把要展示的数据颜色和后端返的颜色对应上

vue+element-ui+echarts,饼状图怎么把要展示的数据颜色，和后端返的颜色对应上？

后端返的数据

目前出现的问题是页面饼状图6个数据展示的颜色和名字不对应，比如运行偏航油是深蓝色，但是展示的却是浅蓝色；

代码展示

// 只要把颜色配置到每一条数据上就行了
 data: [
        { value: 1048, name: 'Search Engine' ,itemStyle:{ color: '#gray' }},
        { value: 735, name: 'Direct' },
        { value: 580, name: 'Email' },
        { value: 484, name: 'Union Ads' },
        { value: 300, name: 'Video Ads' }
      ],

• 你可以参考下这个问题的回答, 看看是否对你有帮助, 链接: https://ask.csdn.net/questions/7643844
• 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：Vue+element ui+echart柱形图
• 除此之外, 这篇博客: 【vue后台管理系统】基于Vue+Element-UI+ECharts开发通用管理后台（中）中的 饼状图 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• 先找一个饼状图的实例，这里我们使用南丁格尔玫瑰图：
  

  代码如下:

  				//接下来我们来制作饼图
                  // 基于准备好的dom，初始化echarts实例
                  const echarts3 = echarts.init(document.getElementsByClassName('bingzhuang').item(0))
                  // 指定图表的配置项和数据
                  let echarts3Option = {}
                  const {videoData} = data.data
  
                  echarts3Option.tooltip = {
                      trigger: 'item',
                  }
                  echarts3Option.legend = {
                      type: 'scroll',
                      orient: 'vertical',
                      right: 5,
                      top: 20,
                      bottom: 20,
                      data: videoData.map(item => item['name'])
                  }
  
                  echarts3Option.series = [
  
                      {
                          name: 'Area Mode',
                          type: 'pie',
                          radius: [20, 100],
  
                          roseType: 'area',
                          itemStyle: {
                              borderRadius: 5
                          },
                          data: videoData
                      }
                  ]
  
  
                  // 使用刚指定的配置项和数据显示图表。
                  echarts3.setOption(echarts3Option)
  

  最终效果：
  

• 您还可以看一下 张颜源老师的19年全新elementUI项目实战教程vue整合Echarts后台权限视频教程课程中的 vue中组件间传值常用的几种方式(上)小节, 巩固相关知识点