nvd3没有显示任何内容

时间:2018-01-26 06:16:25

标签: javascript json nvd3.js

我遇到一些问题,让nvd3.js使用json显示正确的图形。

目前,html页面没有显示任何内容。我没有在控制台中看到任何错误。

感谢任何帮助。

我的js:

d3.json('http://localhost:8888/admin/reports/widget_hits', function(data) {
  (function() {
    nv.addGraph(function() {
      var chart = nv.models.discreteBarChart()
      .x(function(d) { return d.label })
      .y(function(d) { return d.value })
      .staggerLabels(true)
      .tooltips(false)
      .showValues(true)

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

      nv.utils.windowResize(chart.update);
      return chart;
    })
  })
  console.log(data);

});

我的json响应输出为json:

[
    {
        "key": 11,
        "values": [
            {
                "value": "9",
                "label": "2018-01-21"
            },
            {
                "value": "2",
                "label": "2018-01-22"
            }
        ]
    }
]

我的HTML:

<div class="widget-chart" id="widget-hits">
  <svg></svg>
</div>

0 个答案:

没有答案