单击中心点旋转d3图表

Question

这是我的代码： https : //jsfiddle.net/sbf8omfx/3/

My graph is using d3.js

我想在单击中心圆R时将三个部分顺时针旋转120度，如下所示：

使用d3可以吗？

Answer 1

选择元素并向其中添加事件处理程序：

d3.select("#R0").on("click", function(){
    d3.select("svg").style("transform", "rotate(120deg)")
});

小提琴 。

根据下面的评论，如果您希望它旋转几次：

var angle = 0;
d3.select("#R0").on("click", function(){
    angle += 120;
    d3.select("svg").style("transform", "rotate(" + angle + "deg)")
});