2017-02-17 34 views
0

我試圖找到一種方法來隱藏延伸超出軸的最大值的網格線(參見下面的圖像以供參考)。可能隱藏Chart.js網格線以外的圖表嗎?

enter image description here

與同爲當然的X軸。我基本上只想讓這些線停在最大滴答價值。我瀏覽了文檔,但沒有用,所以希望SE的好人能夠提出一個解決方案。

回答

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', 
     } 
     } 
    }); 
+0

感謝,layout.padding解決了這個問題。我最初是用CSS處理填充,但填充屬性似乎添加了空白,覆蓋了線條擴展。 – Alluziion