Javascript ChartJS条形图

Javascript ChartJS条形图,javascript,charts,Javascript,Charts,我有一个条形图是由chartJs库生成的。在这个图表中,我有三组值。但是,右侧的最后一个栏不显示。我能做错什么 <div class="col-12"> <div class="card"> <canvas id="chartAvgDailyConsumReport" width="100" height="40"></canvas> </div>

我有一个条形图是由chartJs库生成的。在这个图表中,我有三组值。但是,右侧的最后一个栏不显示。我能做错什么

<div class="col-12">
            <div class="card">
                <canvas id="chartAvgDailyConsumReport" width="100" height="40"></canvas>
            </div>
        </div>

是否可以共享工作代码段?此问题主要是由于缺少值而发生的。你能不能控制scales值并与我们共享?你能共享工作代码段吗?这个问题主要是因为缺少值而发生的。你能安慰一下天平的价值观并与我们分享吗?
function setChartReportAvgDailyConsum(data){
    var ctx = document.getElementById("chartAvgDailyConsumReport");
    var myChart = new Chart(ctx, {
        type: 'bar',
        data: {
            labels: data[0].date,
            datasets: [{
                data: data[0].value,
                label: "Ambiente 1",
                backgroundColor: 'rgba(148, 151, 247, 0.6)',
                borderColor: 'rgba(148, 151, 247, 1)'
            },{
                data: data[1].value,
                label: "Ambiente 2",
                backgroundColor: 'rgba(89, 179, 102, 0.6)',
                borderColor: 'rgba(89, 179, 102, 1)'
            },{
                data: data[2].value,
                label: "Ambiente 3",
                backgroundColor: 'rgba(230, 137, 83, 0.6)',
                borderColor: 'rgba(230, 137, 83, 1)'
            },{
                data: data[3].value,
                label: "Ambiente 4",
                backgroundColor: 'rgba(243, 119, 171, 0.6)',
                borderColor: 'rgba(243, 119, 171, 1)'
            }]
        },
        options: {
            responsive: true,
            scales: {
                yAxes: [{
                    scaleLabel: {
                        display:     true,
                        labelString: 'Consumo (watts)'
                    }
                }],
                xAxes: [{
                    scaleLabel: {
                        display:     true,
                        labelString: 'Histórico do consumo médio diário dos últimos 30 dias'
                    },
                    type: 'time',
                    time: {
                        unit: 'day',
                        round: 'day',
                        displayFormats: {
                          day: 'D MMM'
                        }
                    }
                }]
            }
        }
    });
}