如何在 NVD3 折线图中设置 enabled/disabled 数据集？

Question

我在右上角的图例中看到 http://nvd3.org/examples/line.html 单选按钮，我可以单击这些按钮来打开 on/off 图表上的一些数据集。

当我将数据加载到图表中时，是否有单独为每个数据集设置此值的选项？

Answer 1

您可以在数据上设置禁用标志以在加载时隐藏它。如果您转到 this example 并在数据 (JSON) 选项卡中添加一个禁用标志，您可以看到这个。

function() {
  var sin = [],
      cos = [];

  for (var i = 0; i < 100; i++) {
    sin.push({x: i, y: Math.sin(i/10)});
    cos.push({x: i, y: .5 * Math.cos(i/10)});
  }

  return [
    {
      values: sin,
      key: 'Sine Wave',
      color: '#ff7f0e',
      disabled: true
    },
    {
      values: cos,
      key: 'Cosine Wave',
      color: '#2ca02c'
    }
  ];
}

如何在 NVD3 折线图中设置 enabled/disabled 数据集？

How to set enabled/disabled dataset in a NVD3 line chart?

javascript

nvd3.js