vue+elemetn-ui+echarts,怎么让图中result2里的series和result3里的颜色一 一对应

vue+elemetn-ui+echarts,怎么让图中result2里的series和result3里的颜色一 一对应？

不用index，用名字去匹配试试呢。

color:value.result3[item.series]

const data = {
  result2: [
    { series: '运行偏航油', number: 75 },
    { series: '新齿轮油', number: 84 },
    { series: '运行液压油', number: 69 },
    { series: '新液压油', number: 27 },
    { series: '运行齿轮油', number: 1736 }
  ],
  result3: {
    '新齿轮油': '#0063A3',
    '运行齿轮油': '#89c6ed',
    '运行偏航油': '#fbad26',
    '新液压油': '#ffdfa3',
    '运行液压油': '#ffce74',
  },
  title: '样品二级分类'
}

option = {
  title: {
    text: data.title
  },
  xAxis: {
    type: 'category',
    data: data.result2.map(item => item.series)
  },
  yAxis: {
    type: 'value'
  },
  series: [
    {
      data: data.result2.map(item => item.number),
      type: 'bar',
      itemStyle: {
        color: e => {
          return data.result3[e.name]
        }
      }
    }
  ]
};

看一下红色框内的，试一下

• 你可以看下这个问题的回答https://ask.csdn.net/questions/7591310
• 我还给你找了一篇非常好的博客，你可以看看是否有帮助，链接：vue项目中使用echarts--详细步骤
• 除此之外, 这篇博客: 在vue中使用echarts以绘出好看的横向柱状图中的 ui 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• <div id="manuChart" class="chart-div"></div>
  

• 您还可以看一下 jason老师的vue通用后台管理课程中的 echarts表格的基本使用小节, 巩固相关知识点