уменьшить интервал между барамиJS v2

Question

Я бы нарисовал толстые прутки с небольшим интервалом

На самом деле, когда я уменьшаю тонкость прутка, я получаю зазор между прутьями.

То, что я хотел бы, это уменьшить этот зазор, как на фотографии

А вот что на самом деле у меня

Вот репродукция

var options = {
    responsive: false,
    legend: {
        display: false
    },
    animation: {
        animateScale: true
    },
    scales: {
        xAxes: [{
            barThickness: 45
        }],
        yAxes: [{
            barPercentage: 1,
            categoryPercentage: 1,
            ticks: {
                beginAtZero: true
            }
        }]
    },
    tooltips: {

    }
};
var dataForChart = {
    datasets: [{
        data: [0.2, 0.4, .78, 0.05],
        backgroundColor: ["#FF6384",
            "#4BC0C0",
            "#FFCE56",
            "#36A2EB"
        ],
        borderWidth: 0
    }],
    labels: ['1', '2', '3', '4']
};
var chart = new Chart($("#statsRenderingResultsDeliveryClaimsChart"), {
    type: 'bar',
    data: dataForChart,
    options: options
});

Answer 1

Существует API помощника диаграммы, в котором хранятся все экземпляры диаграммы для конкретной страницы.Вы можете использовать это, чтобы выяснить, есть ли что-либо, а затем создать логику или обновить логику.

См. Образец ниже.Это не самая утонченная логика, а просто идея.

 var chartUpdated  = false;

Chart.helpers.each(Chart.instances, function(instance) {
  if (instance.chart.canvas.id === "yourCanvasId") {
    //perform the update logic
    chartUpdated = true;
    return;
  }  
});

if(!chartUpdated)
{
    //perform the create logic
}