简单的酒窝图没有显示 :( 最有可能是初学者的错误
Simple Dimple graph not showing :( beginner mistake most likely
我知道 .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>
可能存在更深层次的问题,但您似乎剪切并粘贴了示例并错误地留下了这一行:
y.addOrderRule("Date");
您可以删除该行,您没有名为 y
的变量并且您无法订购测量轴。
如果它仍然不起作用,您需要 post fiddle 因为它可能是数据中的问题。
我知道 .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>
可能存在更深层次的问题,但您似乎剪切并粘贴了示例并错误地留下了这一行:
y.addOrderRule("Date");
您可以删除该行,您没有名为 y
的变量并且您无法订购测量轴。
如果它仍然不起作用,您需要 post fiddle 因为它可能是数据中的问题。