D3.js 累积折线图错误nvd3

我正在尝试创建累积折线图

但我现在对nvd3或d3了解不多

那么我在这里遗漏了什么呢

我创造了

矿山数据是

var lineChartData = [
      {
        key : "Passed",
        values :[
          { x : "Module A", y : 10},
          { x : "Module B", y : 12},
          { x : "Module C", y : 14},
          { x : "Module D", y : 2}
        ]
      },
      {
        key : "Failed",
        values :[
          { x : "Module A", y : 2},
          { x : "Module B", y : 3},
          { x : "Module C", y : 0},
          { x : "Module D", y : 4}
        ]
      }
    ];

我的图表代码如下

nv.addGraph(function() {
      var chart = nv.models.cumulativeLineChart();



      var d3chart = d3.select('#chart svg')
          .datum(lineChartData)
          .transition().duration(500)
          .call(chart);


      nv.utils.windowResize(chart.update);

      return chart;
    });

我不知道如何将字符串作为字符串放在xAxis“模块A”、“模块B”和其他模块上

将有两行“通过”和“失败”

---

获取图表需要进行哪些设置。

我认为您需要将x轴的格式设置为：

---

chart.xAxis.axisLabel（“Modules”）.tickFormat（函数（d）{返回lineChartData[0]。值[d].x；}）

您需要为

x

提供值，并将

模块A、B、C、D

作为文本追加。我认为在var中，线图数据已经给出。我不这么认为