如何彻底关闭ECharts柱状图鼠标hover时的高亮显示效果?

2026-03-31 15:090阅读0评论SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计460个文字,预计阅读时间需要2分钟。

如何彻底关闭ECharts柱状图鼠标hover时的高亮显示效果?

最近在做一个图表相关的需求,使用echarts来绘制图表。今天遇到了一个比较棘手的问题,就是两根柱状图的重叠对比。设计图要求将某根柱状图的颜色设计得比较浅,因为echarts的柱状图本身颜色就较深。

最近在做图表相关的需求,使用的是echarts来画图。

今天算是遇到一个比较坑的点了吧,就是两根柱状图重叠对比,设计图把某根柱状图的颜色设计得比较浅,因为echarts的柱状图本身hover到柱子上的时候,会有个高亮状态,画出来的图形本身是这样的:

鼠标hover上去的时候,因为预算的那根柱子的背景色设计得比较前,鼠标hover的时候,提示正常展示了,但是被echarts本身hover的时候高亮状态,导致柱子看不见了:

如何彻底关闭ECharts柱状图鼠标hover时的高亮显示效果?

因为影响到了图表的效果,所以想要关闭echarts的高亮状态,查文档,发现echarts是有给我们提供属性来控制高亮是否展示的:

只需要把series.emphasis.disabled设置为ture,即可关闭hover时的高亮。

阅读全文
标签:

本文共计460个文字,预计阅读时间需要2分钟。

如何彻底关闭ECharts柱状图鼠标hover时的高亮显示效果?

最近在做一个图表相关的需求,使用echarts来绘制图表。今天遇到了一个比较棘手的问题,就是两根柱状图的重叠对比。设计图要求将某根柱状图的颜色设计得比较浅,因为echarts的柱状图本身颜色就较深。

最近在做图表相关的需求,使用的是echarts来画图。

今天算是遇到一个比较坑的点了吧,就是两根柱状图重叠对比,设计图把某根柱状图的颜色设计得比较浅,因为echarts的柱状图本身hover到柱子上的时候,会有个高亮状态,画出来的图形本身是这样的:

鼠标hover上去的时候,因为预算的那根柱子的背景色设计得比较前,鼠标hover的时候,提示正常展示了,但是被echarts本身hover的时候高亮状态,导致柱子看不见了:

如何彻底关闭ECharts柱状图鼠标hover时的高亮显示效果?

因为影响到了图表的效果,所以想要关闭echarts的高亮状态,查文档,发现echarts是有给我们提供属性来控制高亮是否展示的:

只需要把series.emphasis.disabled设置为ture,即可关闭hover时的高亮。

阅读全文
标签: