如何彻底关闭ECharts柱状图鼠标hover时的高亮显示效果?
- 内容介绍
- 文章标签
- 相关推荐
本文共计460个文字,预计阅读时间需要2分钟。
最近在做一个图表相关的需求,使用echarts来绘制图表。今天遇到了一个比较棘手的问题,就是两根柱状图的重叠对比。设计图要求将某根柱状图的颜色设计得比较浅,因为echarts的柱状图本身颜色就较深。
最近在做图表相关的需求,使用的是echarts来画图。
今天算是遇到一个比较坑的点了吧,就是两根柱状图重叠对比,设计图把某根柱状图的颜色设计得比较浅,因为echarts的柱状图本身hover到柱子上的时候,会有个高亮状态,画出来的图形本身是这样的:
鼠标hover上去的时候,因为预算的那根柱子的背景色设计得比较前,鼠标hover的时候,提示正常展示了,但是被echarts本身hover的时候高亮状态,导致柱子看不见了:
因为影响到了图表的效果,所以想要关闭echarts的高亮状态,查文档,发现echarts是有给我们提供属性来控制高亮是否展示的:
只需要把series.emphasis.disabled设置为ture,即可关闭hover时的高亮。
本文共计460个文字,预计阅读时间需要2分钟。
最近在做一个图表相关的需求,使用echarts来绘制图表。今天遇到了一个比较棘手的问题,就是两根柱状图的重叠对比。设计图要求将某根柱状图的颜色设计得比较浅,因为echarts的柱状图本身颜色就较深。
最近在做图表相关的需求,使用的是echarts来画图。
今天算是遇到一个比较坑的点了吧,就是两根柱状图重叠对比,设计图把某根柱状图的颜色设计得比较浅,因为echarts的柱状图本身hover到柱子上的时候,会有个高亮状态,画出来的图形本身是这样的:
鼠标hover上去的时候,因为预算的那根柱子的背景色设计得比较前,鼠标hover的时候,提示正常展示了,但是被echarts本身hover的时候高亮状态,导致柱子看不见了:
因为影响到了图表的效果,所以想要关闭echarts的高亮状态,查文档,发现echarts是有给我们提供属性来控制高亮是否展示的:
只需要把series.emphasis.disabled设置为ture,即可关闭hover时的高亮。

