javascript - d3 饼图/ donut chart 中标签的过渡

标签 javascript d3.js

我正在制作一个可以在多个不同数据集之间切换的圆环图。我已经能够让切片很好地过渡,并使用 arc.centroid 定位标签,但我不知道如何将弧形补间函数应用于标签。我想我差不多明白了,任何提示都将不胜感激。

这是一个活生生的例子:http://jsbin.com/otAjUSO/1/edit?html,output

最佳答案

也给标签组添加同样的转场效果

DEMO

 label_group.data(pie)
  .transition().duration(750)
  .attr("transform", function(d) {
    var c = arc.centroid(d);
  return "translate(" + c[0] +"," + c[1] + ")";
    })

关于javascript - d3 饼图/ donut chart 中标签的过渡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21301982/

相关文章:

javascript - 简单的 jQuery 元素 html 更改

javascript - 在 React 中创建表单的最佳方式是什么?

javascript - 视网膜显示屏上的 Canvas 图像数据 (MPB)

javascript - D3.js 可观察力布局,标签未出现

javascript - 如何在汇总编译中使用 node_modules

javascript - HTML/CSS : How to fade the left and right edges of a div?

javascript - jQuery 固定内容如果大于 View 则滚动

javascript - 我的脚本中的 jQuery/JavaScript 事件链接 - 错误的下划线

javascript - 仅显示每隔一条网格线

javascript - 如何从 D3 的世界地图中返回国家/地区名称?