Comment modifier la largeur de la barre en Chartjs 2 diagrammes à barres

Quelqu'un peut-il m'a dit comment faire pour modifier la largeur de la barre en Chartjs 2 diagrammes à barres. Il n'y a rien à ce sujet dans la documentation.

https://github.com/nnnick/Chart.js/tree/v2.0-dev/docsI ne sais pas quoi faire.

InformationsquelleAutor VictorArcas | 2015-07-02
  1. 8

    Note qu'il semble y avoir quelques changements. La configuration réelle dépend de l'v2.0 vous utilisez.

    Pour la Version 2.0.0-alpha

    Ensemble categorySpacing pour la xAxes. Vous pouvez faire cela à l'échelle mondiale

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

    ou vous pouvez le faire en graphique

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

    Violon http://jsfiddle.net/beehe4eg/

    Pour La Version 1.0.2

    Ajuster les options barValueSpacing et barDatasetSpacing pour faire les barres de plus près. Cela va automatiquement augmenter leur largeur.

    • Doenst de travail pour moi. à l'aide de 2.0.0-beta2.
    • Il a peut-être changé de là, la réponse ci-dessus a été pour 2.0.0-alpha.
    InformationsquelleAutor potatopeelings
  2. 30

    Pour la version 2.4.0
    barThickness - définir Manuellement la largeur de chaque barre de pixels. Sinon, les barres sont de taille automatiquement.

    options = {
    scales: {
        xAxes: [{
            barThickness : 73
        }]
    }
}
    • barThickness est le que option que je peux obtenir pour travailler sur un horizontalBar graphique. Je n'aime pas avoir à définir la valeur spécifique, - souhaite que je pourrais obtenir le pourcentage de travail.
    • donc toujours pas moyen de définir un max de hauteur pour quand il ya seulement une ou deux valeurs, on peut calculer automatiquement il autrement?
    • Ce genre de travaillé pour moi. Je ne suis pas à l'aide d'une échelle linéaire, alors je suis allé avec barPercentage
    InformationsquelleAutor Mihail Lebedev
  3. 17

    Pour moi, en essayant 2.0 beta, ce qui a fonctionné a été de définir le barPercentage sur le xAxes option d'échelle.

    C'est ce que j'ai utilisé:

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