可以隐藏超出图表的 Chart.js 网格线吗？

Question

我正在尝试找到一种方法来隐藏超出轴最大值的网格线（参见下图以供参考）。

当然，X 轴也是如此。我本质上只是希望线条在最大刻度值处停止。我已经搜索了文档但无济于事，因此希望 SE 的好人能够提出解决方案。

Answer 1

你用的是什么版本？我在 v 2.5.0 中的条形图没有延伸到上面

它确实有可选的“填充”参数：

   window.myBarChart = new Chart(ctx, {
      type: 'bar',
      data: barChartData,
      options: {
        elements: {
          rectangle: {
              borderWidth: 2,
          }
        },
        layout: {
          padding: {
            top: 12
          }
        },
        responsive: true,
        legend: {
          position: 'right',
        }
      }
    });