1
正如標題所示。我該如何反轉餅圖中的動畫路徑(D3.js)。默認情況下,餅圖使用動畫順時針呈現。我如何扭轉它?D3.js餅圖逆時針動畫
查看圖片示例。
JS這裏:
var pie = d3.layout.pie()
.sort(null)
.startAngle(1 * Math.PI)
.endAngle(3 * Math.PI)
.value(function (d) { return d.percentage; });
g.append("path")
.attr("d", arc)
.style("fill", function (d) { return d.data.color; })
.attr({
"fill": function (d) {
return d.data.color;
}
})
.transition()
.duration(1000)
.attrTween("d", function (d) {
var i = d3.interpolate(d.startAngle, d.endAngle);
return function (t) {
d.endAngle = i(t);
return arc(d);
}
});
哇!這是我的答案的簡單解決方案。謝謝!從來沒有想過... – maverick