Echarts柱状图禁用高亮踩坑日记

最新推荐文章于 2024-04-29 17:23:08 发布

原创

最新推荐文章于 2024-04-29 17:23:08 发布 · 2.7k 阅读

标签

#echarts

收录于

本文介绍了解决Echarts柱状图中不同颜色数据项在鼠标悬停时保持原有颜色的方法。通过在data中直接定义itemStyle来实现正常状态(normal)与强调状态(emphasis)的颜色设置。

Echarts柱状图禁用高亮解决方案

仅供参考 自我记录.

使用series下的itemStyle解决

                //鼠标悬停高亮时：
                emphasis: {
   
   
                    color: 'red',//此方法适用一种柱状图颜色的时候
                }

此处的坑项目需求一旦一条data 要区分不同颜色时例如:

//data=[100.6, 100.6, 100.57, 100.56, 100.56, 100.56, 778.32, 512.32, 473.32, 394.32, 381.32]
			itemStyle: {
   
   
                    normal: {
   
    //静态的时候显示的默认样式
                        color: params => params.dataIndex > 3