禁用图例单击 NVD3 多图表

Question

我有一个 nvd3 多图表。两个折线图，我想禁用图例点击。 我正在使用 d3 版本 3.5.5 和 nvd3 版本 1.7.1

实时代码示例jsfiddler

我根据github answer尝试了以下

chart.legend.disptach.on('legendClick', function() { 
    return; //do nothing
});

但它不适用于我当前版本的 nvd3。 你知道这可能是如何工作的吗？

提前致谢

Answer 1

我从未使用过 nvd3.js 并且我不熟悉该库，但如果它对您来说足够好，这是使用 D3 的解决方案：

d3.selectAll(".nv-series").style("cursor", "default").on("click", null);

这是你的小提琴：https://jsfiddle.net/91Lpzu8u/

Answer 2

您可以使用以下代码行禁用图例点击事件：

chart.legend.updateState(false);

将鼠标悬停在图例上时，您仍然会看到手形光标，但这可以通过 CSS 修复。

.nvd3 .nv-legend .nv-series {    
    cursor: default !important;
}