带有时间轴的ChartJS条形图错误的条形定位

时间:2019-03-04 14:37:05

标签: chart.js bar-chart vue-chartjs

我当前正在绘制一个条形图,该条形图的时间表示x轴。

配置非常简单:

chartdata: {
    type: 'bar',
    data: {
        datasets: [
        {
            label: 'Scraps Log',
            data: [
                { t : moment().add(1,'h'), y: 5 },
                { t : moment().add(3,'h'), y: 4 },
                { t : moment().add(4,'h'), y: 7 },
                { t : moment().add(5,'h'), y: 5 },
            ],
        }
    ]
    },
    options: {
    scales: {
        yAxes: [{..}],
        xAxes: [{
                type: 'time',
                time:   {
                    unit: 'hour',          
                    unitStepSize: 1,            
                    min: moment(), 
                    max: moment().add(7,'h'),
                },
                barThickness: 8,
            }]   
        }
    }
}

如您所见,我正在通过每个数据条目的t字段传递x坐标。 问题是,正如您看到from的小提琴一样,这些条没有正确地位于x轴上。我想念什么? enter image description here

0 个答案:

没有答案