Javascript 使用带有日期的Chart.js作为x轴标签
我有点被Chartjs卡住了。我想把日期作为x轴标签,但不管我怎么做,都会出错。这是我的代码:Javascript 使用带有日期的Chart.js作为x轴标签,javascript,html,charts,chart.js,Javascript,Html,Charts,Chart.js,我有点被Chartjs卡住了。我想把日期作为x轴标签,但不管我怎么做,都会出错。这是我的代码: var date0=新日期((new Date()).getTime()-50000); var date1=新日期(); var date2=新日期((new Date()).getTime()+50000); var图表数据={ 键入:“行”, 数据:{ 数据集:[{ 标签:'标签', 背景颜色:“rgb(255,0,0)”, 边框颜色:“rgb(255,0,0)”, 数据:[ {x:date
var date0=新日期((new Date()).getTime()-50000);
var date1=新日期();
var date2=新日期((new Date()).getTime()+50000);
var图表数据={
键入:“行”,
数据:{
数据集:[{
标签:'标签',
背景颜色:“rgb(255,0,0)”,
边框颜色:“rgb(255,0,0)”,
数据:[
{x:date0,y:10},
{x:date1,y:11},
{x:date2,y:15}
],
填充:假,
yAxisID:'y轴-1',
}]
},
选项:{
回答:是的,
比例:{
xAxes:[{
键入:“时间”,
时间:{
单位:'秒'
}
}],
雅克斯:[{
类型:'线性',
显示:对,
位置:'左',
id:'y轴-1',
}]
}
}
}
window.onload=函数(){
var ctx=document.getElementById('canvas').getContext('2d');
window.myLine=新图表(ctx、chartData);
};
您应该包含Chart.js包,其中包含Moment.js库(格式化日期和时间所需),如下所示:
请在此处查看文档: