NVD3 饼图分解功能

Question

我正在尝试用 NVD3 图表替换我的 Kendo 图表。在 NVD3 饼图中，我没有看到单击切片时的分解选项。有没有简单的方法来实现它。谢谢！

Answer 1

nvd3 目前不支持展开饼图。不过它是社区驱动的，所以如果你添加了这个功能，你可以向他们发送拉取请求！您需要修改 pie.js 和 pieChart.js 模型文件。

Answer 2

我可以使用以下函数分解饼图的切片。我得到了 http://jsfiddle.net/zephod/L4pyk79e/2/

的帮助

我在 nv 中添加了以下功能。d3.js

            var explode = function (x, index) {
                var offset = 10;
                var angle = (x.startAngle + x.endAngle) / 2;
                var xOff = Math.sin(angle) * offset;
                var yOff = -Math.cos(angle) * offset;
                return "translate(" + xOff + "," + yOff + ")";
            }

从 ae.on('click', 函数 (d, i).

中调用如下

d3.select(this).select("path").transition() .duration(70) .attr("transform", 爆炸);

要撤消，请使用偏移量=0 调用相同的函数

NVD3 饼图分解功能

NVD3 pie chart explode feature

nvd3.js