Question

我正在试图弄清楚如何让我的传奇出现在图表的底部，但没有运气。在下面的代码中，由于我的图表高度为600，我想我可以简单地为Y坐标添加600的偏移量，这样就可以了。但不起作用。

var svg = dimple.newSvg("#chart", 800, 600);
...
chart.addLegend(0, 600 + 40, 200, 10, "left");

任何人都知道如何使用dimple.js或d3.js来解决这个问题？如果我不必对这些值进行硬编码，而是可以做类似的事情，那也很棒：

chart.addLegend(0, d3.select("#chart").height + 40, 200, 10, "left");

这是dimple.js的addLegend文档： https://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.chart#addLegend

Answer 1

您的代码应该没问题。

请检查js小提琴（http://jsfiddle.net/ch2187dd/）

var svg = dimple.newSvg("#chartContainer", 590, 540);
var myChart = new dimple.chart(svg, data);
myChart.setBounds(90, 35, 480, 325)
myChart.addCategoryAxis("x", ["date"]);
myChart.addCategoryAxis("y", "close");
myChart.addSeries("Price Tier", dimple.plot.bubble);
myChart.addLegend(90, 480, 330, 20, "left");
myChart.draw();

dimple.js或d3.js - 在svg元素的底部绘制图表的图例

1 个答案: