简单的凹坑图未显示:(初学者错误最有可能

时间:2015-10-12 13:01:39

标签: d3.js dimple.js

我知道.tsv文件存在,并且在我的python服务器上,它获得了200。

出于某种原因,我只是看不到任何图表:(

有人能看到我犯的初学者错误吗?

<!DOCTYPE html>
<html>
<head>
  <script src="http://d3js.org/d3.v3.min.js"></script>
  <script src="http://dimplejs.org/dist/dimple.v2.1.6.min.js"></script>
</head>
<body>
<div id="chartContainer">
  <script type="text/javascript">
    var svg = dimple.newSvg("#chartContainer", 590, 400);
      d3.tsv("bbd2.tsv", function (data) {
        var myChart = new dimple.chart(svg, data);
        myChart.setBounds(75, 30, 490, 330)
        myChart.addMeasureAxis("x", "avg");
        myChart.addMeasureAxis("y", "bmi");
        y.addOrderRule("Date");
        myChart.addSeries( ["name","handedness"], dimple.plot.bubble);
        myChart.addLegend(180, 10, 360, 20, "right");
        myChart.draw();
      });
  </script>
</div>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

可能存在更深层次的问题,但看起来您已经剪切并粘贴了一个示例并错误地留下了这一行:

 y.addOrderRule("Date");

您可以删除该行,但您没有名为y的变量,并且您无法订购测量轴。

如果它仍然不起作用,您需要发布一个小提琴,因为它可能是数据中的一个问题。