web-dev-qa-db-fra.com

Chart.js Bar Chart: Comment supprimer l'espace entre les barres dans la v2.3?

J'essaie de supprimer l'espace entre mes barres de graphique à barres, mais même si je vois cette solution à de nombreux endroits, elle ne fonctionne pas pour moi. Ce n'est pas non plus mentionné dans les documents Chart.js, donc c'est étrange. Quelqu'un peut-il me dire comment le spécifier?

var options = {
    barValueSpacing : 1,        // doesn't work; find another way
    barDatasetSpacing : 1,      // doesn't work; find another way

    legend: {
        display: false          // Hides annoying dataset label
    },
    tooltips: {
        callbacks: {
            label: function(tooltipItem) {
                return tooltipItem.yLabel;
            }
        }
    }
};

var ctx = document.getElementById("canvasX").getContext("2d");          
var myBarChart = new Chart(ctx, {
    type: 'bar',
    data: data,
    options: options
});
15
DeannaD

Vous devez définir barPercentage et categoryPercentage sur 1.0 sur l'échelle de l'axe des x. Ajoutez ceci à votre objet options:

var options = {
    ...
    scales: {
        xAxes: [{
            categoryPercentage: 1.0,
            barPercentage: 1.0
        }]
    }
};

Voir http://www.chartjs.org/docs/#bar-chart-chart-options

38
Jonathon Hill