angular - 如何在高图表中删除条形悬停时的背景颜色

Question

我正在使用highcharts。版本：9.1.1

我正在显示条形图。当我将鼠标悬停在bars它显示background color但我不想要那种背景颜色时。

正如我们在下图中看到的那样，我不希望将grey鼠标悬停在green bar.

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

plotOptions: { 
       series: {
          enableMouseTracking: false
       }
}

谢谢

标签： angulartypescripthighcharts

Answer 1

我会检查以查看用于这些图表的类。

找到图表的类后，您可以在 .css 文件中修改它们。

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

假设您有类似的东西，但您的情况下的跨度将是图表。在这种情况下，在 .css 文件中，您必须执行以下操作：

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

使用浏览器工具，您还可以模拟（强制）悬停并进行一些更改。