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

时间:2017-11-16 12:44:13

标签: javascript nvd3.js

我有一个包含多行的折线图,就像示例中一样:http://nvd3.org/examples/line.html

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

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

chart

1 个答案:

答案 0 :(得分:0)

您可以移除经典图例,根据您的数据创建自己的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 };