如何保持标签字符串长度不影响极区图表的大小？

Question

尝试实施此图表：

http://www.chartjs.org/docs/#polar-area-chart

如果我将标签更改为更长的标签，则会调整主图表的大小。标签字符串长度越长，图形越小。有没有办法防止标签影响图表大小？或者将标签与图表本身分开？

这是小提琴：

https://jsfiddle.net/gcvat2nr/

var data = {
  datasets: [{
      data: [
          11,
          16,
          7,
          3,
          14
      ],
      backgroundColor: [
          "#FF6384",
          "#4BC0C0",
          "#FFCE56",
          "#E7E9ED",
          "#36A2EB"
      ],
      label: 'My dataset' // for legend
  }],
  labels: [
      "Red",
      "Green",
      "Yellow",
      "Grey",
      "Blue"
  ]
};

尝试将标签更改为长字符串，图表将变得很小。

Answer 1

所以基本上防止这种情况的唯一方法是动态创建工具提示。我将标签初始化为小的，如“a”，然后在options参数中使用回调来生成工具提示内容。这样，图表最初使用短字符串作为标签呈现（它们不会显示），如果需要，您可以生成更长的标签/工具提示。