独立于图例调整图表大小ChartJS for Canvas下载

Question

我的应用程序创建和下载的一些图表可能有非常大的图例。在这种情况下，我们的想法是创建（理想情况下通过ChartJs-与关联图表一样）并下载显示图表完整图例的专用画布/图像。

到目前为止，我已经能够通过设置比例来“隐藏”图表：false，例如。

options: {
  scales: {
    x: {
      display: false
    },
    y: {
      display: false
    }

这成功地阻止了图表显示，但画布似乎仍然为图表分配了一半的不动产，例如。

是否有任何方法可以使图表的空间更小（甚至完全禁止显示！）为图例留出更多空间？

这里操场： https://jsfiddle.net/ShallDev2018/7bdnjsw9/16/

注意:HtmlLegend在这里不是一个选项，因为这个画布的唯一目的是用于下载。

Answer 1

经过更多的修改，我找到了解决问题的方法。

碰巧的是，ChartJs 为图例设置了默认的最大宽度（尽管它在文档中没有指定）。通过将图例最大宽度设置为较高值，图例可以假定整个画布，例如

legend: {
  position: 'left',
  align: 'start',
  fullSize: false,
  labels: {
    font: {
      size: 12
    },
    padding: 10
  },
  maxWidth: 9999
}