echarts在设置完itemStyle的color之后,怎么修改对应的legend的color?

在k线图中,给阴线和眼线分别设置颜色:

   {
       itemStyle:{
            color:'green',
            color0:'green'
            borderColor:'red',
            borderColor0:'red'
       }
    }

现在要设置对应图例legend的颜色为yellow,由于series自身设置了itemStyle.color,导致图例不会从取option.color数组里面的颜色,请问有什么办法吗?

阅读 16.3k
2 个回答

K线图的data属性中可以设置itemStyle,data数组的形式可以设置为

[
    {
        value: [1,2,3,4],
        itemStyle:{
            color:"red",
            color0:"greed",
        }
    },
    ...
]

可以对k线的每一个蜡烛图设置颜色

k线图series本身的itemStyle.color可以设置为想要的颜色,对应图例的icon颜色从此处取得

series设置了itemStyle.color后,对应图例legend的颜色 就变成跟你设置的series.itemStyle.color颜色是一致的了,例如:
图片描述

然后你说的 现在要设置对应图例legend的颜色为yellow ,是要设置图例的文字颜色吗?
legend.data[i].textStyle 设置 图例项的文本样式,例如这样:

图片描述

echart legend.data配置项文档

legend.data[i] Object
图例的数据数组。数组项通常为一个字符串,每一项代表一个系列的 name(如果是饼图,也可以是饼图单个数据的 name)。图例组件会自动根据对应系列的图形标记(symbol)来绘制自己的颜色和标记,特殊字符串 ''(空字符串)或者 'n'(换行字符串)用于图例的换行。

文档说了,图例是根据对应系列的图形来绘制自己的颜色和标记,你好好理解下图例吧

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题