У меня есть кольцевая диаграмма d3. js с переходом при загрузке, которая работает ожидаемо, когда данных мало:
g.enter()
.append('path')
.attr('class', `arc-${options.id}`)
.attr('style', 'transform: translate(50%, 50%)')
.attr('pointer-events', 'none')
.style('fill', d => color(d.data.name))
.transition()
.delay((d, i) => i * 500)
.duration(500)
.attrTween('d', d => {
let i = d3.interpolate(d.startAngle, d.endAngle);
return (t) => {
d.endAngle = i(t);
return arc(d);
};
});
, но когда введенных данных много, моя диаграмма работает неправильно и в конце перехода цвета смешиваются:
