ChartJS-更改图例中标签的填充将填充添加到图例本身的顶部

时间:2019-12-05 18:28:35

标签: javascript chart.js

我有这张图表:

ChartJS - legend - padding - not good

但是关于哪种颜色属于哪个标签却有点模棱两可。因此,我决定在标签上添加一些填充。在ChartJS documentations中,我们有:

Name        Type    Default     Description
padding     number  10          Padding between rows of colored boxes.

所以我将这个数字加倍:

options: {
    legend: {
        position: "top",
        labels: {
            boxWidth: 5,
            usePointStyle: true,
            padding: 20
        }
    }
}

我可以看到它有效:

ChartJS - legend - padding - not good either

但是现在它也将填充添加到图例的顶部。为了使区别更加明显,我将夸张并将填充设置为50:

ChartJS - legend - padding - exaggerated

我正在尝试仅在图例的标签之间添加填充,以便清楚地知道哪个框(彩色圆圈)属于哪个标签。我怎样才能做到这一点?

0 个答案:

没有答案