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

我是raphael.js的新手，我想用它制作小的饼图，显示进度百分比。我已经准备好了绘制图表的函数，如果页面上只有一个图表，它会工作得很好。但是，当我添加其他元素时，图表会重叠。我遍历

.min饼图

元素：

$(".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问题

有一个示范区

---

非常感谢您的帮助。

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

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

each(function (index) {

然后

---

举个例子

没有办法让对象像图像一样与文本对齐吗？这个解决方案意味着位置必须预先确定，例如，在调整大小时不会重新调整。我能想到的最好方法是使用的背景图像属性并将svg注入其中，如图所示，或者您只需在图像旁边添加一个文本元素。

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