减少条间距图表JSS v2

Question

我会画一个间距很小的粗条

实际上，当我减少bar thinckess时，我得到了条之间的差距。

我希望减少像照片中的这个差距

而这就是我的实际情况

这是一个reproduction

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
}