Chart.js的x轴标签使图表区域的空间浪费

Question

是否可以删除标记为红色的额外空间？

问题在于，如果标签变得更长，空间也会变得更长。

这是我的chart.js设置代码：

    var myChart = new Chart(ctx, {
        type: 'line',
        data: {
            labels: DATA.label,
            datasets: [{
                data: DATA.count,
                borderColor: [
                    'navy'
                ],
                borderWidth: 1
            }]
        },
        options: {
          scales: {
              yAxes: [{
                ticks: {
                  max: 30,
                  beginAtZero:true
                }
              }]
          },
        }
    });

- wade012

Answer 1

尝试更新到最新版本的Chart.js（目前为2.7.2）。

如果您运行下面的片段（使用您添加到问题中的代码创建），则可以看到生成的图表比例良好，没有额外的空间在右侧。

var myChart = new Chart(document.getElementById('chart'), {
  type: 'line',
  data: {
    labels: ['2018-09-12', '2018-09-13'],
    datasets: [{
      data: [14, 10],
      borderColor: [
        'navy'
      ],
      borderWidth: 1,
      label: '# of votes',
      fill: false
    }]
  },
  options: {
    scales: {
      yAxes: [{
        ticks: {
          max: 30,
          beginAtZero: true
        }
      }]
    },
  }
});

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.min.js"></script>
<canvas id="chart"></canvas>

- timclutton