我是 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 .
感谢任何帮助。
最佳答案
您需要根据某些因素调整其位置。在这种情况下,根据其在列表中的索引调整偏移量可能是有意义的。
您可以从匿名函数中获取索引...
each(function (index) {
然后
minPieChart(30, (index + 1) * 20, 8, value,
举个例子。 jsfiddle
关于javascript - 在页面上放置多个 raphael.js 对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29595747/