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

发布于 2022-09-11 21:25:10 字数 359 浏览 14 评论 0

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

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

最美不过初阳 2022-09-18 21:25:10

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

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

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

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

此岸叶落 2022-09-18 21:25:10

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

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

图片描述

echart legend.data配置项文档

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

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文