如何在水位图的融合图表中禁用悬停属性

Question

我正在尝试使用fusioncharts API的水落图。 我想禁用图表的悬停属性。在这里，您可以看到在悬停时它在“可变成本”列中显示“可变成本，$ -156K”。

我正在使用以下配置 -

<form id=foo><p><input name=foo-a></p></form>
<form id=bar><p><input name=bar-a></p></form>
<p><input name=foo-b form=foo></p>

您还可以通过以下链接查看数据和配置。 Waterfall Chart

请建议使用fusioncharts API方式（如果可能）禁用on-hover属性。其他解决方案也欢迎。

Answer 1

只需通过向元素添加css规则来禁用悬停事件。

Jquery解决方案

$('div#chart-container-1 rect').css('pointer-events','none');

CSS解决方案

div#chart-container-1 rect {
    pointer-events: none !important;
}

注意：chart-container-1是父div的id，它包含您提供的链接中的图表，您可以更改它以匹配您的div。

!important在css中使用，因为元素具有pointer-events的内联样式，并且它在规则中具有优先级，因此覆盖我使用的内联属性优先级!important

另请注意pointer-events:none将删除所有鼠标事件，包括点击，悬停，鼠标，鼠标等。