Echart 散点图item颜色的动态改变

最新推荐文章于 2024-02-29 11:22:44 发布

原创最新推荐文章于 2024-02-29 11:22:44 发布 · 7.1k 阅读

0 ·

CC 4.0 BY-SA版权

页面专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍了在ECharts中如何设置数据项的颜色，并通过示例展示了如何利用鼠标点击事件修改图表元素的颜色。通过循环遍历原数据找到被点击的项，修改其颜色属性，最后重新加载配置项实现颜色更新。

数据项颜色的设置 itemStyle：{ normal: {color: "black"}};

图表上鼠标点击事件绑定函数：myChart.on('click', function (params) { } ）其中params只能获取数据对象，而没找到如何利用params修改元素据对象，其中获取颜色使用params.data.itemStyle.color；而修改颜色可以使用循环遍历原数据，找出点击的项data使用data.itemStyle.normal.color来修改，最后重新加载配置项myChart.setOption(option)即可。