chart js 2バー幅の設定方法

Question

Chart jsバージョン：2.1.4を使用していますが、バーの幅を制限できません。私はstackoverflowに2つのオプションを見つけました

barPercentage: 0.5

または

categorySpacing: 0

ただし、どちらも上記のバージョンでは動作しません。 chart.jsコアライブラリを手動で変更せずにこの問題を解決する方法はありますか？

ありがとう

Answer 1

V2.7.2の時点では、次の方法で実行できます。

scales: {
  xAxes: [{
    maxBarThickness: 100,
  }],
}

Answer 2

バージョン2.8+（および明らかに2.2まで遡ります）では、バーの厚さ、最大厚さなどに関して優れたコントロールがいくつかあります。

Chart.js documentation に従って、次のように設定します。

{
    type: 'bar', // or 'horizontalBar'
    data: ...,
    options: {
        scales: {
            xAxes: [{
                barThickness: 6,  // number (pixels) or 'flex'
                maxBarThickness: 8 // number (pixels)
            }]
        }
    }
}