如何设置chartjs图表中数据项之间差距

t1qtbnec  于 2022-11-07  发布在  Chart.js
关注(0)|答案(2)|浏览(172)

我使用的是chartjs中的多格图。
如何减少(或增加)数据项之间差距?
每个数据点之间的白色间隙如图中所示:
https://www.chartjs.org/docs/latest/charts/doughnut.html
(抱歉,我会张贴一张图片,但我只是害羞的足够的积分,能够做到这一点)
多谢

lymgl2op

lymgl2op1#

我应该RTFM。
解决方案可在chartjs网站上找到,网址为:
https://www.chartjs.org/docs/latest/configuration/elements.html
这修复了它:

Chart.defaults.global.elements.arc.borderWidth = 1;
gojuced7

gojuced72#

将边框宽度设置为所需大小

var myDoughnutChart = new Chart(ctx, {
    type: 'doughnut',
    data: data,
    options: options,
    borderWidth: 5 /* change this */
});

相关问题