javascript - Chart.js 如何为每个数据集设置 cutoutPercentages

Question

在图片中，我希望 Dataset2 比 dataset1 厚。怎么能像图片一样自定义 donut chart ？

Answer 1

此功能是在 2019 年的 v2.8 (https://github.com/chartjs/Chart.js/pull/5951) 中添加的。
您现在可以使用 weight 属性来分配数据集的相对宽度。

// following Timo Hulzenboom's example
datasets: [
  {
    data: [50, 30, 20],
    backgroundColor: ['#64D28C', '#F49356', '#F45656']
    weight: 0.33, // will be half as thick
  },
  {
    data: [memoryUsageValue, leftoverMemory],
    backgroundColor: [PercentageColor, '#FFFFFF']
    weight: 0.67,
  }
]

编辑: https://www.chartjs.org/docs/latest/charts/doughnut.html#styling 的附加文档