d3 Donut Chart

时间: 2021-07-19 15:20:09

(部分内容来自网络，其真实性存疑，为了避免对您造成误导，请谨慎甄别。)

Donut Chart

Donut or Doughnut chart 只是一个内部有洞的简单饼图。 我们可以将孔半径定义为您需要的任何尺寸，包括百分比或像素。 我们可以创建圆环图而不是饼图。 更改弧的内半径以使用大于零的值。 它的定义如下。

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

与饼图编码相同，内半径略有变化，我们可以生成圆环图。