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

vx6bjr1n 于 2022-11-11 发布在 Highcharts

关注(0)|答案(3)|浏览(233)

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

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

plotOptions: { 
       series: {
          enableMouseTracking: false
       }
}

谢谢

3条答案

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

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

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

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

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

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

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

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