如何在Chart.js图表​​中设置数据项之间的差距

时间:2019-05-06 09:48:32

标签: javascript chart.js

我正在使用来自chartjs的Doghnut图表。

如何缩小(或增加)数据项之间的距离?

每个数据点之间的白色间隙,如此处的doghnut图表所示:

https://www.chartjs.org/docs/latest/charts/doughnut.html

(很抱歉,我会发布一张图片,但我只是羞于能够做到这一点)

非常感谢

2 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

我应该RTFM。

解决方案在chartjs网站上:

https://www.chartjs.org/docs/latest/configuration/elements.html

此问题已解决:

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