在页面上放置多个raphael.js对象

Question

我是raphael.js的新手，并希望用它来制作显示进度百分比的小饼图。我准备了绘制图表的功能，如果页面上只有一个图表，它就可以正常工作。但是，当我添加其他元素时，图表会重叠。我遍历.min-pie-chart元素：

$(".min-pie-chart").each(function () {
  var value = $(this).data("percent");
  Raphael($(this), 20, 20).minPieChart(10, 10, 8, value, "rgb(89,185,86)", "rgb(75,175,72)");
});

我猜这是一个css问题，对我来说也是新的。

演示位于here。

感谢任何帮助。

Answer 1

您需要根据某些因素调整其位置。在这种情况下，根据列表中的索引调整偏移量可能是有意义的。

您可以从匿名函数中获取索引...

each(function (index) {

然后

minPieChart(30, (index + 1) * 20, 8, value,

作为一个例子。 jsfiddle