更改Chart.Js中甜甜圈图表的中心颜色

pgpifvop  于 2022-09-21  发布在  Chart.js
关注(0)|答案(3)|浏览(178)

有没有办法改变图表中间圆圈的颜色?我好像在他们的文件上找不到?

wd2eg0qa

wd2eg0qa1#

背景是透明的。我认为你不能真的给中间的圆圈上色..主要的选择是在画布或图表上放置背景颜色,但所有空白都将着色。

2lpgd968

2lpgd9682#

它是透明的,呈背景色

hivapdat

hivapdat3#

使用chart.js 3.8

const colorcenter = {
  id: 'colorcenter',
  beforeDraw(chart, args, options) {
    const {ctx, chartArea: {top, right, bottom, left, width, height}} = chart;
    const radius = chart._metasets[0].controller.innerRadius;
    const x = chart.getDatasetMeta(0).data[0].x;
    const y = chart.getDatasetMeta(0).data[0].y
    ctx.arc(x, y, radius, 0, 2 * Math.PI);
    ctx.fillStyle = options.backgroundColor;
    ctx.fill();
  }
}

相关问题