Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/kubernetes/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用带有日期的Chart.js作为x轴标签_Javascript_Html_Charts_Chart.js - Fatal编程技术网

Javascript 使用带有日期的Chart.js作为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

我有点被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: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库(格式化日期和时间所需),如下所示:

请在此处查看文档: