Анимация в кольцевой диаграмме не работает должным образом - PullRequest
Новая
       37

Анимация в кольцевой диаграмме не работает должным образом

0 голосов
/ 20 июня 2020

Я пытаюсь добавить анимацию для кольцевой диаграммы, но она работает не так, как ожидалось. Я создал образец кода пера, и ссылка здесь . Я прилагаю фрагмент кода, который использую для перехода ниже. Нужна помощь с этим. Заранее спасибо! 

svg
.selectAll('donut_area')
.data(data_ready)
.enter()
.append('path')
.attr('d', d3.arc()
.innerRadius(100)         // This is the size of the donut hole
.outerRadius(radius)
)
.attr('fill', function(d){ return(color(d.data.key)) })
.style("opacity", 0.7)
.transition().delay(function(d,i) {
return i * 500; }).duration(500)
.attrTween('d', function(d) {
    var i = d3.interpolate(d.startAngle+0.1, d.endAngle);
    return function(t) {
        d.endAngle = i(t); 
        return arc(d)
        }
    });
...