Chart.js2雷达，如何配置标签填充/间距？

Question

我使用Chart.js v2获得以下雷达图表。

我的配置：

legend: false,
scale: {
    pointLabels :{
        fontSize: 16,
        fontStyle: "bold",
    }
}

这里的问题是“通信”标签在标签和数字100之间有0填充。如何配置此填充和/或修复此问题？

Answer 1

花了一个小时仍然找不到合适的标签填充选项。

我的解决方法是使用换行符和空格填充标签：

scale: {
  pointLabels: {
    callback: function (label, i, labels) {}...

结果可以接受：

如果您愿意，请将其设为自动：

header('Set-Cookie');

Answer 2

我使用chart.js 2.6.0。 我和你有同样的问题。 我只使用雷达类型表，并作如下修改。

NULL

Answer 3

无论何时我的PR将被合并，pointLabels.padding选项都会被添加;）

Answer 4

通常情况下，第一个pointLabel是单个衬纸时，您可以在选项中添加回调，如下所示

pointLabels: {
      callback: function (label, index) {
        /* Hack to add spacing between first pointLabel item and radar graph */
        return index == 0 && label.length == 1? [''].concat(label): label;
      }

制作pointLabel多行文字可以解决此问题。

编辑： chartjs的当前版本是2.7.3。即将发布的版本可能会解决此问题。

Answer 5

var pointLabelPosition = scale.getPointPosition（i，outsideDistance + 5）;

-> var pointLabelPosition = scale.getPointPosition（i，outsideDistance + 15）;

Answer 6

PR 提到的 @ketysek 请求最终于 2021 年 3 月合并。

pointLabels.padding

options: {{
  scale: {
      pointLabels: {
        padding: 10, // Enter number here
      },
}};