如何在 highcharts 中删除条形图悬停时的背景颜色

vx6bjr1n  于 2022-11-11  发布在  Highcharts
关注(0)|答案(3)|浏览(235)

我使用的是highcharts。版本:9.1.1
我正在显示条形图。当我悬停在bars上时,它显示background color,但我不想使用该背景色。
正如我们在下面图片中所看到的,我不希望通过将鼠标悬停在green bar上来显示grey颜色。

我应用了这个解决方案,但它也禁用工具提示。但我需要悬停时的工具提示。

plotOptions: { 
       series: {
          enableMouseTracking: false
       }
}

谢谢

olhwl3o2

olhwl3o21#

参考@Robart. I检查图表并修改类.highcharts-crosshair-category样式
我应用了以下样式

.highcharts-crosshair-category {
   display: none !important;
   visibility: hidden !important;
 }
h5qlskok

h5qlskok2#

我会检查这些图表所使用的类。
找到图表的类后,您可以在.css文件中修改它们。

<li class="class1">
                <a class="class2">
                    <span class="class3"></span>

假设你有这样的东西,但你的例子中的跨度是图表。在这个例子中,在. css文件中,你必须做这样的事情:

.class1 .class2 .class3:hover {
    background: none; 
}

使用浏览器工具,您还可以模拟(强制)悬停,并在那里做一些改变。

liwlm1x9

liwlm1x93#

在chartOption中进行此更改:十字准线:假

相关问题