如何在NVD3折线图中设置启用/禁用数据集？

Question

我在右上方的图例中看到http://nvd3.org/examples/line.html单选按钮，我可以点击它来打开/关闭图表上的某些数据集。

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

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'
    }
  ];
}