Javascript Flot图形时间未格式化
我正试图绘制一个flot图,但日期无法显示。我有flot.time加载,时间戳是正确的,因为我验证了它们。有人看到代码有什么问题吗。该图绘制得非常完美,但它显示的是时间戳而不是日期Javascript Flot图形时间未格式化,javascript,jquery,charts,flot,Javascript,Jquery,Charts,Flot,我正试图绘制一个flot图,但日期无法显示。我有flot.time加载,时间戳是正确的,因为我验证了它们。有人看到代码有什么问题吗。该图绘制得非常完美,但它显示的是时间戳而不是日期 if ($("#site-stats").length) { var companies = [[1534892400000,4], [1534978800000,1], [1535065200000,1], [1535151600000,0], [1535238000000,0], [1535324
if ($("#site-stats").length) {
var companies = [[1534892400000,4], [1534978800000,1], [1535065200000,1], [1535151600000,0], [1535238000000,0], [1535324400000,1], [1535410800000,5], [1535497200000,3], [1535583600000,2], [1535670000000,3], [1535756400000,1], [1535842800000,3], [1535929200000,2], [1536015600000,1], [1536102000000,1], [1536188400000,1], [1536274800000,1], [1536361200000,0], [1536447600000,0], [1536534000000,4], [1536620400000,0], [1536706800000,0], [1536793200000,0], [1536879600000,0], [1536966000000,0], [1537052400000,0], [1537138800000,0], [1537225200000,0], [1537311600000,0], [1537398000000,0], ];
var users = [[1534892400000,6], [1534978800000,8], [1535065200000,1], [1535151600000,0], [1535238000000,0], [1535324400000,1], [1535410800000,5], [1535497200000,3], [1535583600000,2], [1535670000000,4], [1535756400000,1], [1535842800000,3], [1535929200000,2], [1536015600000,1], [1536102000000,1], [1536188400000,1], [1536274800000,2], [1536361200000,0], [1536447600000,0], [1536534000000,5], [1536620400000,0], [1536706800000,0], [1536793200000,0], [1536879600000,0], [1536966000000,0], [1537052400000,0], [1537138800000,0], [1537225200000,0], [1537311600000,0], [1537398000000,0], ];
var plot = $.plot($("#site-stats"), [{
data : companies,
label : "Company Registrations"
}, {
data : users,
label : "User Registrations"
}], {
series : {
lines : {
show : true,
lineWidth : 1,
fill : true,
fillColor : {colors : [{ opacity : 0.1}, {opacity : 0.15}]}
},
points : {show : true},
shadowSize : 0
},
xaxis : {
mode : "time",
dateFormat : "%y-%0m-%0d"
},
yaxes : [{
min : 0,
tickLength : 2
}],
grid : {
hoverable : true,
clickable : true,
tickColor : $chrt_border_color,
borderWidth : 0,
borderColor : $chrt_border_color,
},
tooltip : true,
tooltipOpts : {
content : "Your sales for <b>%x</b> was <b>%y</b>",
dateFormat : "%y-%0m-%0d",
defaultTheme : false
},
colors : [$chrt_main, $chrt_second],
xaxis : {
ticks : 10,
tickDecimals : 0
},
yaxis : {
ticks : 20,
tickDecimals : 0
},
});
}
});
if($(“#站点统计”).length){
var公司=[[1534892400000,4],[1534978800000,1],[15350652000000,1],[15351511600000,0],[1535238000000,0],[1535324400000,1],[1535410800000,5],[1535497200000,3],[1535583600000,2],[1535756400000,1],[1535842800000,3],[1535929200000,2],[1536015600000,1],[1536102000000,1],[1536188400000,1],[153627480000001],[1536361200000,0], [1536447600000,0], [1536534000000,4], [1536620400000,0], [1536706800000,0], [1536793200000,0], [1536879600000,0], [1536966000000,0], [1537052400000,0], [1537138800000,0], [1537225200000,0], [1537311600000,0], [1537398000000,0], ];
var用户=[[1534892400000,6],[1534978800000,8],[15350652000000,1],[15351511600000,0],[1535238000000,0],[1535324400000,1],[1535410800000,5],[1535497200000,3],[1535583600000,2],[1535756400000,1],[1535842800000,3],[1535929200000,2],[1536015600000,1],[153610200000,1],[1536188400000,1],[15362748000002],[1536361200000,0], [1536447600000,0], [1536534000000,5], [1536620400000,0], [1536706800000,0], [1536793200000,0], [1536879600000,0], [1536966000000,0], [1537052400000,0], [1537138800000,0], [1537225200000,0], [1537311600000,0], [1537398000000,0], ];
变量图=$.plot($(“#站点统计数据”)[{
数据:公司,
标签:“公司注册”
}, {
数据:用户,
标签:“用户注册”
}], {
系列:{
线路:{
秀:没错,
线宽:1,
填充:是的,
fillColor:{colors:[{opacity:0.1},{opacity:0.15}]}
},
要点:{show:true},
阴影大小:0
},
xaxis:{
模式:“时间”,
日期格式:“%y-%0m-%0d”
},
雅克斯:[{
分:0,,
长度:2
}],
网格:{
悬停:是的,
可点击:正确,
tickColor:$chrt\u border\u color,
边框宽度:0,
边框颜色:$chrt\u border\u color,
},
提示:正确,
工具提示:{
内容:“您对%x的销售额为%y”,
日期格式:“%y-%0m-%0d”,
defaultTheme:false
},
颜色:[$chrt_main,$chrt_second],
xaxis:{
滴答声:10,
小数点:0
},
亚克斯:{
滴答声:20,
小数点:0
},
});
}
});
选项对象中有两个xaxis
属性:
xaxis : {
mode : "time",
dateFormat : "%y-%0m-%0d"
},
及
第二个将用时间格式覆盖第一个。将它们放在一起,效果很好(请参见此):
我已经弄明白了,回来说我找到了解决方案。这是一个模板的副本。非常感谢你花时间回复。谢谢!
xaxis : {
ticks : 10,
tickDecimals : 0
},
xaxis: {
mode: "time",
dateFormat: "%y-%0m-%0d",
ticks: 10,
tickDecimals: 0
},