Javascript 为什么这张d3图表不能呈现？

我试图得到一个超级基本的nvd3图表渲染。代码如下所示：

及

但当我运行时，什么都没有发生。没有生成错误，没有显示图表。我从他们提供的最基本的示例中复制/修改了这段代码，但我似乎不知道我弄坏了什么。有人能看出我做错了什么吗

您忘记选择要在其中呈现图表的svg元素。此外，如果要显示轴和其他信息，请调用线形图而不是线形图：

var chart = nv.models.lineChart() <-- lineChart()
                .margin({top: 20, right: 20, bottom: 20, left: 20});
    d3.select('#chart svg') <-- include svg
      .datum(sinAndCos())
      .call(chart);

nv.addGraph({
  generate: function() {

    var chart = nv.models.line()
                .margin({top: 20, right: 20, bottom: 20, left: 20})
    d3.select('#chart')
      .datum(sinAndCos())
      .call(chart);

    return chart;
  }});


    function sinAndCos() {
      var sin = [],
          cos = [];

      for (var i = 0; i < 100; i++) {
        sin.push({x: i, y: Math.sin(i/10)});
        cos.push({x: i, y: .5 * Math.cos(i/10)});
      }

      return [
        {
          values: sin,
          key: "Sine Wave",
          color: "#ff7f0e"
        },
        {
          values: cos,
          key: "Cosine Wave",
          color: "#2ca02c"
        }
      ];
    }

<div id="chart" class="chart with-transitions">
    <svg height="500"></svg>
</div>

d3.select('#chart svg')

var chart = nv.models.lineChart() <-- lineChart()
                .margin({top: 20, right: 20, bottom: 20, left: 20});
    d3.select('#chart svg') <-- include svg
      .datum(sinAndCos())
      .call(chart);