nvd3多栏图表未显示数据

时间:2019-04-18 09:05:03

标签: javascript nvd3.js

我正在尝试制作我的第一个nvd3图。

var sample_data = [{
  "key": "Stream1",
  "values": [{
    "x": "A",
    "y": 10
  }, {
    "x": "B",
    "y": 4
  }]
}, {
  "key": "Stream2",
  "values": [{
    "x": "A",
    "y": 12
  }, {
    "x": "B",
    "y": 10
  }]
}]

nv.addGraph(function() {
  var chart = nv.models.multiBarChart()
    .stacked(true)
    .showControls(false)
    .showLegend(false)
    .width(300);


  chart.multibar.stacked(true); // default to stacked
  chart.showControls(false); // don't show controls

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

  nv.utils.windowResize(chart.update);
});

由于某种原因,该图显示“无可用数据”。但这适用于以下js小提琴:https://jsfiddle.net/h9xjo8yh/2/

任何想法我可能做错了什么事

0 个答案:

没有答案