浮点:以日期/时间作为 x 轴的图形未正确绘制
Flot: Graph with Date/Time as x axis not plotting correctly
我试图随着时间的推移显示值,但无论我尝试绘制什么数据,图表上都没有出现任何内容。JsFiddle 在这里。
请参阅下面的代码。我做错了什么?
.HTML:
<div id="theGraph"></div>
.CSS:
#theGraph{
height:300px;
width:500px;
}
Javascript:
var graphData = [
[new Date("2015-03-13T08:00").getTime(), 2],
[new Date("2015-03-15T00:00").getTime(), 3]
];
var options = {
series: {
lines: {
show: true,
lineWidth: 2
},
points: {
show: true
}
},
lines: {
show: true
},
points: {
show: true
},
yaxis: {
min: 0,
max: 5
},
xaxis: {
mode: 'time',
minTickSize: [1, 'hour'],
min: new Date("2015-03-13T00:00").getTime(),
max: new Date("2015-03-15T08:00").getTime(),
timeformat: '%m/%d %H:%M'
}
};
$.plot($('#theGraph'), graphData, options);
$.plot 方法获取要绘制图形的div 的占位符/ID。 $.plot('#id',.....) 也做同样的事情。
而且你的代码中只有一个问题 $.plot()。参数 'graphData' 应该在 [] 大括号中,因为 $.plot 需要序列数据数组。
修改后的代码:
$.plot($('#theGraph'), [graphData], options);
您可以提及可能的数据系列以在 flot 中绘制多条线。
var d1 = [], d2 =[], d3 =[];
$.plot($('#theGraph'), [d1,d2,d3], options);
相关文章:
- 有没有一个javascript图形绘制库可以进行气球树布局
- 如何在React Native中绘制图形
- 浮点:以日期/时间作为 x 轴的图形未正确绘制
- 带注释的时间线,重新绘制时图形会闪烁
- FLOT只绘制一个值,或者没有绘制整个图形
- 在sigma.js中布置图形时绘制边
- 如何在谷歌地图上绘制图形从网上墨卡托米/英尺
- 为相同的值绘制多个 y 轴的图形
- 无法使用 flot 绘制图形
- 如何在Java Web应用程序中的PDF报告中绘制图形
- HTML / Javascript等待图形绘制
- 使用 Jqplot 绘制图形和来自 Sqlite 数据库的数据
- 在node.js中接收来自mysql的数据以绘制图形
- 如何在java脚本中绘制图形
- 将csv文件中的数据绘制成图形
- 可以'使用Chart.js和JQuery Mobile绘制图形
- 如何在使用flot绘制图形时单独获取数据值
- 如何使用SVG图形绘制RGB颜色选择器梯度
- 图形绘制库使用拉斐尔
- html5 - Canvas - Createjs -图形绘制中的负空间