echarts怎么获取柱状图颜色

Question

问题描述

echarts柱状图中怎样获取某一柱状的颜色（或者获取legend里对应图例的颜色）

问题出现的环境背景及自己尝试过哪些方法

用myChart.component.legend.getColor(value),但是报错Cannot read property 'legend' of undefined

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
var color=myChart.component.legend.getColor("设备注册率");
console.log("color "+color);

你期待的结果是什么？实际看到的错误信息又是什么？

获取不到legend对象

Answer 1

这是官方文档的描述，应该是引入的js文件版本过高
我使用2.0版本试了一下，有lengend对象，但是没有getColor这个方法
你可以试试再低版本的js

之前遇到过类似的需求，要求后面文字描述和图例颜色一样。
我用了投机取巧的办法，直接定义了一个颜色数组，图例从颜色数组中取色，文字描述的颜色也从这个颜色数组中取。

Answer 2

echarts中不能直接获取到legend中某一个图例或者柱状图中某一个柱子的颜色，myChart.component.legend.getColor(value)这个方法在高版本的echarts中没有，我当时查到这个方法也是别人在四年前的解决办法，如本问题的第一个回答说的那样使用2.0版本，有lengend对象，但是没有getColor这个方法，我用的是最新版本的echarts，连legend对象都没有

Answer 3

要看你要在什么情境下需要获取颜色，也许相应的方法中有传参数，可以从中获取到颜色。
比如tooltip:formatter中是可以获取到颜色的