Javascript 为什么时间分析器在chart.js中不起作用

Javascript 为什么时间分析器在chart.js中不起作用,javascript,chart.js,Javascript,Chart.js,如果您查看折线图组合时间刻度(包括在底部),您会注意到时间标签在过去12小时内打印为小时标记。尽管标签是通过以下方式显式设置的: var timeFormat = 'MM/DD/YYYY HH:mm'; function newDateString(days) { return moment().add(days, 'd').format(timeFormat); } 此时间格式也应用于配置选项: xAxes: [{ type: 'time', display: true,

如果您查看折线图组合时间刻度(包括在底部),您会注意到时间标签在过去12小时内打印为小时标记。尽管标签是通过以下方式显式设置的:

var timeFormat = 'MM/DD/YYYY HH:mm';

function newDateString(days) {
    return moment().add(days, 'd').format(timeFormat);
}
此时间格式也应用于配置选项:

xAxes: [{
  type: 'time',
  display: true,
  time: {
    format: timeFormat,
    // round: 'day'
  }
}]
为什么不应用此时间格式

var timeFormat='MM/DD/YYYY HH:MM';
函数newDateString(天){
返回时刻();
}
var color=Chart.helpers.color;
变量配置={
类型:'bar',
数据:{
标签:[
newDateString(0),
newDateString(1),
newDateString(2),
newDateString(3),
newDateString(4),
newDateString(5),
newDateString(6)
],
数据集:[{
类型:'bar',
标签:“数据集1”,
backgroundColor:color(window.chartColors.red).alpha(0.5).rgbString(),
边框颜色:window.chartColors.red,
数据:[
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor()
],
}, {
类型:'bar',
标签:“数据集2”,
backgroundColor:color(window.chartColors.blue).alpha(0.5).rgbString(),
边框颜色:window.chartColors.blue,
数据:[
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor()
],
}, {
键入:“行”,
标签:“数据集3”,
backgroundColor:color(window.chartColors.green).alpha(0.5).rgbString(),
边框颜色:window.chartColors.green,
填充:假,
数据:[
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor(),
randomScalingFactor()
],
}]
},
选项:{
标题:{
文本:“Chart.js组合时间刻度”
},
比例:{
xAxes:[{
键入:“时间”,
显示:对,
时间:{
格式:timeFormat,
//回合:“一天”
}
}],
},
}
};
window.onload=函数(){
var ctx=document.getElementById('canvas').getContext('2d');
window.myLine=新图表(ctx,配置);
};
document.getElementById('randomizeData')。addEventListener('click',function(){
config.data.datasets.forEach(函数(数据集){
dataset.data=dataset.data.map(函数(){
返回randomScalingFactor();
});
});
window.myLine.update();
});
var colorNames=Object.keys(window.chartColors);
document.getElementById('addDataset')。addEventListener('click',function(){
var colorName=colorNames[config.data.datasets.length%colorNames.length];
var newColor=window.chartColors[colorName];
var newDataset={
标签:“数据集”+config.data.datasets.length,
borderColor:newColor,
backgroundColor:color(newColor).alpha(0.5).rgbString(),
数据:[],
};
对于(变量索引=0;索引0){
config.data.labels.push(newDateString(config.data.labels.length));
对于(var index=0;index

折线图-组合时间刻度
帆布{
-moz用户选择:无;
-webkit用户选择:无;
-ms用户选择:无;
}


随机化数据 添加数据集 删除数据集 添加数据 删除数据
运行代码段完整页面,与不运行相比,并调整浏览器窗口的大小。您将根据大小和裁剪获得各种输出。您将看到它实际上是文字包装和裁剪。当屏幕较大时,它显示每小时的刻度,而当屏幕不较大时,它显示8月8日、8月9日等。这不是指定的格式:“MM/DD/YYYY HH:MM”