chart.js固定條寬度問題

Question

我使用Chart.js作爲我的圖表庫。我創建了horizo​​ntalBar圖表。

我需要設置圖表中單個條的寬度。

我沒有找到具體的chartjs文檔什麼，但同時在看源代碼，我發現這是設置固定條寬

但隨着行數增加，而不是增加圖表的高度選項barThickness ，酒吧互相碰撞。例如請檢查小提琴：

https://jsfiddle.net/orhp0zLg/

有什麼辦法可以增加圖表的高度，而不是讓酒吧的相互碰撞？

Answer 1

barThickness屬性是固定寬度，正如您在問題中注意到的那樣。

但是，您還有一個名爲barPercentage的其他屬性，它是酒吧的最大寬度的乘數。
應設置berPercentage的值（假設0.95），你將永遠有相同的格式，不管你有多少酒吧有：

options: { 
    scales: { 
     yAxes: [{ 
      barPercentage: 0.95, 
     }] 
    } 
} 

---

這是您 updated fiddle與修復和這裏是與第一7個值的結果，然後12：