禁用图例点击NVD3 multichart

Question

我有一个nvd3 multichart。两个折线图，我想禁用图例点击。 我使用的是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;
}