小编Dae*_*Kim的帖子

我正在尝试使用动态转换创建一个可重复使用的饼图作为学习任务.我正在使用Chris Viau的d3.js可恢复组件电子书.我遇到的问题基本上不是更新,而是创建多个饼图.我想知道我是否不理解d3.dispatch是如何工作的,或者我是否已经以馅饼char的工作方式搞砸了.它会创建多个圆圈,而不是使用随机值动态更新单个饼图.

这是我的jsfiddle.

http://jsfiddle.net/seoulbrother/Upcr5/

谢谢!

js代码如下:

d3.edge = {};

d3.edge.donut = function module() {

    var width = 460,
        height = 300,
        radius = Math.min(width, height) / 2;

    var color = d3.scale.category20();


   var dispatch = d3.dispatch("customHover");
   function graph(_selection) {
       _selection.each(function(_data) {    
            var pie = d3.layout.pie()
                .value(function(_data) { return _data; })
                .sort(null);

            var arc = d3.svg.arc()
                .innerRadius(radius - 100)
                .outerRadius(radius - 50);

            if (!svg){
                var svg = d3.select(this).append("svg")
                    .attr("width", width)
                    .attr("height", height)
                    .append("g")
                    .attr("transform", "translate(" + width / 2 + "," + …