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

问题描述 投票:2回答:1

“图表”

在图片中,我希望数据集2比数据集1厚。自定义甜甜圈图如何像图片一样?

javascript chart.js
1个回答
0
投票

我也在搜索此选项,还没有找到它。现在,我添加了一个带有borderWidth:42的额外数据集,以便以太的边成为内部数据或室外。

datasets: [
  {
    data: [100],
    backgroundColor: ['#FFFFFF'],
    borderWidth: 42
  },
  {
    data: [50, 30, 20],
    backgroundColor: ['#64D28C', '#F49356', '#F45656']
  },
  {
    data: [memoryUsageValue, leftoverMemory],
    backgroundColor: [PercentageColor, '#FFFFFF']
  }
]

Colored borders to show how it works

Non colored border for result

© www.soinside.com 2019 - 2024. All rights reserved.