web-dev-qa-db-fra.com

tableau js 2 comment régler la largeur de la barre

J'utilise Chart js version: 2.1.4 et je ne peux pas limiter la largeur des barres. J'ai trouvé deux options sur stackoverflow

barPercentage: 0.5

ou

categorySpacing: 0

mais aucun des deux ne fonctionne avec la version mentionnée. Existe-t-il un moyen de résoudre ce problème sans modifier manuellement la bibliothèque principale chart.js?

merci

30
kiwi1342

À partir de la version 2.7.2, cela peut être fait par:

scales: {
  xAxes: [{
    maxBarThickness: 100,
  }],
}
16
Wei WANG

Pour la version 2.8+ (et apparemment aussi ancienne que 2.2), il existe maintenant d'excellents contrôles sur l'épaisseur de la barre, l'épaisseur maximale, etc.

Selon le documentation Chart.js , vous les définissez comme suit:

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