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

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参数中使用回调来生成工具提示内容。这样，图形最初是用短字符串作为标签呈现的(它们不会显示)，如果需要，您可以生成更长的标签/工具提示。