在页面上放置多个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问题，对我来说也是新问题。

这里有一个示范。

任何帮助表示赞赏。

Answer 1

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

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

each(function (index) {

然后

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

举个例子。 jsfiddle