我正在尝试在flot中显示日期字段:
数据:
var data = [
[parseInt(1309150800.0)*1000, 220],
[parseInt(1309064400.0)*1000, 230],
];Flot创建:
$.plot($("#graph"), [ data ], {
grid: {
hoverable: true
},
xaxis: {
mode: "time",
timeformat: "%d.%m.%y"
},
yaxis: {
mode: "number",
tickSize: 2
},
series: {
lines: { show: true },
points: { show: true }
}
});根据该站点的http://tools.semsym.com/index.php?tool=timestamp×tamp=1309150800,时间戳是2011年6月26日晚上10:00:00但是图表看起来是这样的:http://i.stack.imgur.com/NUayx.png
这些点有点离谱。第一个应该是26,但现在是25,5。我尝试了一点时间戳格式,但没能达到特定点。
我遗漏了什么?
它还显示了"26.06.2011“大约6次。需要什么配置才能使其保持为1?
发布于 2011-07-06 07:46:04
确保设置了minTickSize。下面是http://jsfiddle.net/hAXHq/的一个示例,其中我将minTickSize设置为1天,并显式设置了最小/最大值。您应该能够根据您的数据以编程方式设置自己的最小/最大值。
代码如下:
var data = [
[parseInt(1309150800.0)*1000, 220],
[parseInt(1309064400.0)*1000, 230]
];
$.plot($("#placeholder"), [ data ], {
grid: {
hoverable: true
},
xaxis: {
mode: "time",
timeformat: "%d.%m.%y",
minTickSize: [1,"day"],
min: (new Date(2011,5,25)).getTime(),
max: (new Date(2011, 5, 28)).getTime()
},
yaxis: {
mode: "number",
tickSize: 2
},
series: {
lines: { show: true },
points: { show: true }
}
});https://stackoverflow.com/questions/6494266
复制相似问题