Question

我有一个多系列线图，我从NVD3样本中采用。图表自动包含顶部的图例，显示系列名称和颜色（以及切换开/关系列的选择器）。我试图让系列标签出现在每一行的末尾而不是图例中。因此，标签在每条线终止的点上基本上沿右y轴出现我的代码非常基本，但我似乎无法弄清楚在哪里/如何插入某种.showLabels（true）方法：

d3.json("linePlusBarData.json",function(error,data) {
 nv.addGraph(function() {
  var chart = nv.models.lineWithFocusChart()
        .x(function(d,i) { return i })
        .y(function(d,i) {return d[1] });

  chart.xAxis.tickFormat(d3.format(',f'));
    chart.x2Axis.tickFormat(d3.format(',f'));
    chart.yAxis.tickFormat(d3.format(',.2f'));
    chart.y2Axis.tickFormat(d3.format(',.2f'));
    chart.useInteractiveGuideline(true)
    chart.showLabels(true);


  d3.select('#chart svg')
    .datum(data)
    .transition().duration(500)
    .call(chart)
    ;

  nv.utils.windowResize(chart.update);

  return chart;
 });

});

Answer 1

nvd3.js是可重复使用的图表，不支持图表系列标签。所以你必须自己实现它。这是3d.js上的类似内容

[http://jsfiddle.net/yr2Nw/4/][1]

NVD3折线图 - 如何添加图形系列标签？

1 个答案: