如何禁用在图例区域显示单个图表？

Question

我有一个包含多条线的折线图，就像在示例中一样：http://nvd3.org/examples/line.html。

是否可以通过向图表传递参数来隐藏图例中任何图表的标签？

例如，从图例中隐藏 Sine Wave 标签，但保持图表线本身不变。

Answer 1

您可以删除经典图例，根据您的数据创建自己的 html 图例，并使用 nvd3 选项 > 图表回调

    chart: any;

    this.options = {
       chart: {
       showLegend: false, ...
       callback: (chart) => {
         this.chart = chart;
    }

编辑：更新您的图表 => this.chart.update() 并为您的每个数据行添加一个“禁用”标志，例如：

    data[0] = { "key": label,
    "color": color,
    "disabled": false,
    "values": { "label": labelValue, "value": val };