Come modificare la larghezza della barra nei grafici a barre Chartjs 2

Question

Qualcuno può dirmi come modificare la larghezza della barra nei grafici a barre Chartjs 2. Non c'è nulla al riguardo nella documentazione.

https://github.com/nnnick/Chart.js/tree/v2.0-dev/docsI non so cosa fare.

Answer 1

Si noti che sembrano esserci dei cambiamenti in corso. La configurazione effettiva dipende da quale versione v2.0 stai usando.

Per la versione 2.0.0-alpha

Impostare categorySpacing per i xAxes. È possibile farlo a livello globale

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

o lo si può fare dal grafico

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

Fiddle - http://jsfiddle.net/beehe4eg/

---

Per la versione 1.0.2

regolare le opzioni barValueSpacing e barDatasetSpacing per avvicinare le barre. Questo aumenterà automaticamente la loro larghezza.

Answer 2

Per me, provando la versione beta 2.0, è stato necessario impostare barPercentage sull'opzione di scala xAxes.

Questo è quello che ho usato:

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

Answer 3

Per la versione 2.4.0 barThickness - larghezza impostata manualmente su ogni barra in pixel. Se non impostato, le barre vengono ridimensionate automaticamente.

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