title: Cumulative Line Chart Error nvd3
body: <p>I am trying to create cumulative line chart.</p>
  
  <p>But i don't know much about nvd3 or d3 now.</p>
  
  <p>So what point I am missing here ?</p>
  
  <p>I have created <a href="http://jsfiddle.net/k79fu/" rel="nofollow">jsfiddle</a>,</p>
  
  <p>mine data is </p>
  
  <pre><code>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}
          ]
        }
      ];
  </code></pre>
  
  <p>my chart code is like this</p>
  
  <pre><code>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;
      });
  </code></pre>
  
  <p>i don't know how can I put string on xAxis "Module A", "Module B" and other modules as string only.</p>
  
  <p>There will be two lines "Passed" and "Failed".</p>
  
  <p>What settings I need to put to get the chart.</p>