设置快速图表颜色

Question

我想生成一个饼图，通过生成

不知何故，我不知道如何更改Quickcharts中每个片段的背景色。现在我有这样的东西,，

https://quickchart.io/chart?width=270

我想更改饼图的背景色，并带来快速图表，类似于此。

https://image-charts.com/chart?cht=pc

如果有人能帮忙，请告诉我。提前谢谢。

Answer 1

使用Chart.js，您可以使用backgroundColor属性设置饼图的背景色：

{
  type: 'pie',
  data: {
    labels: ['High', 'Medium', 'Low'],
    datasets: [{
      data: [50, 60, 70],
      backgroundColor: ['#4e73df', '#0f3dc4', '#9fb4f3']
    }]
  }
}

此外，您可能希望使用datalabels插件更改标签的颜色：

{
  type: 'pie',
  data: {
    labels: ['High', 'Medium', 'Low'],
    datasets: [{
      data: [50, 60, 70],
      backgroundColor: ['#4e73df', '#0f3dc4', '#9fb4f3']
    }]
  },
  options: {
    plugins: {
      datalabels: {
        color: '#fff'
      }
    }
  }
}

将其打包到图表URL中：

https://quickchart.io/chart?bkg=white

它会看起来像这样：