可以隐藏超出图表范围的Chart.js网格线?

时间:2017-02-17 14:23:23

标签: javascript jquery graph charts chart.js

我正试图找到一种隐藏超出轴最大值的网格线的方法(参见下面的图片以供参考)。

enter image description here

当然,对于X轴也一样。我基本上只希望线条停在最大刻度值。我已经搜索了文档,但没有用,所以希望SE的好人能够提出解决方案。

1 个答案:

答案 0 :(得分:1)

您使用的是哪个版本?我在v 2.5.0中的条形图并未延伸到

之上

Bar Chart sample

它有可选的'填充'参数:

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