Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/365.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 从0开始Chart.js时间刻度_Javascript_Time_Chart.js - Fatal编程技术网

Javascript 从0开始Chart.js时间刻度

Javascript 从0开始Chart.js时间刻度,javascript,time,chart.js,Javascript,Time,Chart.js,在这个Chart.js时间刻度中,“3月11日”为什么不从0开始? 我试图让它从零开始,但它是在随机时间开始的。 如有任何见解,将不胜感激 (使用最新版本) var barChartData={ 标签:[“2013-03-09”、“2013-03-16”、“2013-03-23”、“2013-03-30”、“2013-04-06”], 数据集:[{ 边框颜色:“3e95cd”, 数据:[1094329649644233036694], 填充:假, 边框宽度:2 }, { 边框颜色:“ff33

在这个Chart.js时间刻度中,“3月11日”为什么不从0开始? 我试图让它从零开始,但它是在随机时间开始的。 如有任何见解,将不胜感激

(使用最新版本)

var barChartData={
标签:[“2013-03-09”、“2013-03-16”、“2013-03-23”、“2013-03-30”、“2013-04-06”],
数据集:[{
边框颜色:“3e95cd”,
数据:[1094329649644233036694],
填充:假,
边框宽度:2
},
{
边框颜色:“ff3300”,
数据:[92831251641623749182],
填充:假,
边框宽度:2
}]
};
Chart.defaults.global.defaultFontFamily=“'Comic Sans MS'”;
//禁用指针
Chart.defaults.global.elements.point.radius=0;
Chart.defaults.global.elements.point.hoverRadius=0;
var ctx=document.getElementById(“条形图”).getContext(“2d”);
新图表(ctx{
键入:“行”,
数据:barChartData,
选项:{
回答:是的,
图例:{
显示:对,
位置:“右”
},
标题:{
显示:假
},
比例:{
xAxes:[{
键入:“时间”,
滴答声:{
平均轮换次数:90
}
}]
}
}
});

这似乎是出于设计,为什么不做一个简单的解决方法呢。使用矩量.js进行时间操作,并将数据加载到x轴中,类型为线性,而不是日期,这基本上给出了相同的输出

JSFiddle:

代码:

var timeOperations = ["2013-03-09", "2013-03-16", "2013-03-23", "2013-03-30", "2013-04-06"].map(function(value){
    return moment(value, "YYYY-MM-DD").format('MMM-DD').toString();
});
var barChartData = {
  labels: timeOperations,
  datasets: [{
    borderColor: "#3e95cd",
    data: [10943, 29649, 6444, 2330, 36694],
    fill: false,
    borderWidth: 2
  },
  {
    borderColor: "#ff3300",
    data: [9283, 1251, 6416, 2374, 9182],
    fill: false,
    borderWidth: 2
  }]
};

我不明白你的意思。第一个数据点是3月9日,所有数据的值都大于0。所以没有办法在Y轴上显示0处的第一个日期?当第一个勾号开始的时候看起来有点奇怪。找到了解决这个问题的方法,不确定你是否可以接受?查特看起来有点像是感谢你回敬我。不过我不确定。根据Chart.js作者的说法,这个问题没有真正的解决方案:没错,没有。。我的是部分解决方案..嗨!不幸的是,对于较大的数据集,这似乎不太管用:@MarkBoulder哦,那太糟糕了,我想使用date会更好,只需修改chart.js库并修复此问题,但工作量会很大:(