首页 > 解决方案 > 如何在chartjs图表中设置数据项之间的差距

问题描述

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

如何减少(或增加)数据项之间的差距大小?

每个数据点之间的白色间隙,如下面的甜甜圈图所示:

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

(抱歉,我会发布一张图片,但我只是害羞了足够多的点来做到这一点)

非常感谢

标签: javascriptchart.js

解决方案


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

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

推荐阅读