jquery - 以编程方式禁用 nvd3 水平多条形图上的系列

Question

问题是我的图表上有很多系列，在加载时，我只想选择 3 个系列。

有没有办法“禁用”(隐藏)nvd3 Horizontal Multi-Bar Chart 上的系列？ (我正在寻找点击系列行为，但以编程方式)

我尝试使用 'visible': false, 发送 JSON，但它不起作用。

var data=[{"key": "Series 1",
           "visible": false, 
           "values": [{"value": 10000.0, "label": ...

已关注 @shabeer90指令经过测试:

           "disabled": true,

在这种情况下，系列被禁用，但不允许切换以启用点击系列圆圈。

Answer 1

据我所知，您无法直接使用 NVD3 执行此操作(至少在不修改源代码的情况下无法执行此操作)。但是，您可以通过模拟单击图例元素以编程方式触发此操作:

d3.select("g.nv-legendWrap").selectAll("g.nv-series")
        .each(function(d) {
            this.dispatchEvent(new Event("click"));
        });

假设您的数据具有visible属性来确定是否应显示该系列，您可以根据该属性进行过滤:

d3.select("g.nv-legendWrap").selectAll("g.nv-series")
        .filter(function(d) { return d.visible == false; })
        .each(function(d) {
            this.dispatchEvent(new Event("click"));
        });

如果您使用过渡来创建图表，请记住在过渡完成后调用此代码。完整演示 here .