使用highcharts,如果使用styledMode: true;
创建饼图并导入其highcharts.css文件,则图例项上的悬停效果会导致所有图例项不透明。
导致它的代码
你甚至可以在他们的演示页面上看到这一点,选择样式模式:饼。然后在图例项目上悬停。如果设置styledMode: false;
,然后删除CSS导入,它就会消失。
我的问题基本上是:这是一个bug吗?这似乎是无意的行为。
我不认为这是一个错误-它更像是styledMode和常规模式之间的一个小差异,可以通过更改它的不透明度来轻松修复。
演示:https://jsfiddle.net/BlackLabel/pq6omt2y/
CSS:
.highcharts-legend-point-active .highcharts-point:not(.highcharts-point-hover) {
opacity: 1
}