在頁面上放置多個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