如何修改Chartjs 2條形圖中的條寬

Question

有人能告訴我如何修改Chartjs 2條形圖中的條寬。 文檔中沒有任何內容。

https://github.com/nnnick/Chart.js/tree/v2.0-dev/docs我不知道該怎么做。

Answer 1

對於版本2.4.0 barThickness - 手動設置每個條的寬度（以像素為單位）。 如果未設置，則條形圖會自動調整大小。

options = {
    scales: {
        xAxes: [{
            barThickness : 73
        }]
    }
}

Answer 2

對我來說，嘗試2.0 beta，有用的是在xAxes比例選項上設置barPercentage。

這是我用過的：

var options = {
    data: chartData,
    type: "bar",
    options: {
        scales: {
            xAxes: [{ barPercentage: 0.5 }]
        }
    }
};
var chart = new Chart(chartCtx, options);

Answer 3

請注意，似乎正在進行一些更改。 實際配置取決於您使用的是哪個v2.0。

對於版本2.0.0-alpha

為xAxes設置categorySpacing 。 你可以在全球范圍內這樣做

Chart.defaults.bar.scales.xAxes[0].categorySpacing = 0

或者你可以通過圖表來做到這一點

...
scales: {
    xAxes: [{
        categorySpacing: 0
    }],
...

小提琴 - http://jsfiddle.net/beehe4eg/

---

對於1.0.2版

調整選項barValueSpacing和barDatasetSpacing以使條形更近。 這將自動增加其寬度。