单击中心旋转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)")
});

Fiddle

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

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