javascript php mysql flot database
javascript php mysql flot database
大家!我的 x 轴有问题。我正在使用 flot 的 api。就我而言,我正在从mysql中提取数据以绘制图形。这两个轴都需要从 mysql 中提取数据。例如,mysql 将提取 Y 轴的数据,例如 20。我的x轴将从该特定时间的mysql中提取数据。我尝试重写脚本几次,但没有结论。我尝试尝试创建一个变量,选项,但它不起作用。仅当我将 x 轴语句放在 y 下方时,它才有效。创建新变量选项的整个想法,因为我想为 x 轴做一个循环,以连续从 mysql 收集数据。在下面的引用中,我用选定的数组模拟了它。
$(function () {
var graph = [];
var power = <?php echo json_encode($data);?>;
var time = <?php echo json_encode($times);?>;
var row = <?php echo json_encode($nrow);?>;
//alert(time.toSource());
for (var i = 1; i < row; i += 1) {
//var test = time[i];
//alert(test);
//graph.push([i, power[i]]);
var hhmm = time[i].split(":");
var hh = parseInt(hhmm[0]);
var mm = parseInt(hhmm[1])/60;
var tt = hh+mm;
//var tx = hh;
graph.push([tt, power[i]]);
}
var options = {
xaxis: { ticks:[[1,time[1]],[2,time[2]],[3,time[3]],[4,time[4]],[5,time[5]],[6,time[6]],[7,time[7]],[8,time[8]]]}
};
//alert(options.toSource(((;
var plot = $.plot($("#placeholder"),
[ { data: graph, label: "Power" } ], {
series: {
lines: { show: true },
points: { show: true }
},
grid: { hoverable: true, clickable: true },
yaxis: { min: 0, max: 25 },
//xaxes: [ { mode: 'time' } ]
//xaxis: { mode: "time"}
//xaxis: { mode: "time",timeformat:"%H/%M" }
//xaxis: { ticks:[[1,time[1]],[2,time[2]],[3,time[3]],[4,time[4]],[5,time[5]],[6,time[6]],[7,time[7]]]}
}), options);
我已经更改了选项功能,但它不起作用。
var options = {
series: {
lines: { show: true },
points: { show: true }
},
grid: { hoverable: true, clickable: true },
yaxis: { min: 0, max: 25 },
for (var i = 1; i < row; i += 1)
{
xaxis: { ticks:[[i,time[i]]}
};
};
如果我猜
想你希望xaxis
的格式正确,你可以尝试以下方法:
var ticks = [];
for (var i = 1; i < row; i += 1)
{
ticks.push ([i, time[i]]);
}
var xaxis = {
ticks: ticks,
// ... any additional properties...
};
这将创建一个具有属性 ticks
的对象xaxis
,而该属性又是一个数组数组,其中每个子数组有两个元素,计数器以 1 开头,每个i
的time
数组的值。我想你会想要使用类似于下面的代码来创建options
:
var options = {
series: { lines: { show: true },
points: { show: true } },
grid: { hoverable: true, clickable: true },
yaxis: { min: 0, max: 25 },
xaxis: xaxis
};
不能在对象初始化中使用 for()
语句,必须先创建 xaxis
数组,并在创建options
对象时使用变量名。
相关文章:
- 需要垫片设置-jquery.flot/jquery.flot.selection
- flot: show yaxis values
- Javascript FLOT组合条形图;以x轴为字符串的折线图
- 如何为 Flot JS 动态创建数据集
- 更新 FLOT 时间序列图
- 阻止jQuery Flot将数字转换为十进制
- 可以Flot(或任何其他JQuery图表库)绘制公式
- FLOT只绘制一个值,或者没有绘制整个图形
- UTC Woes,Flot X轴时间错误
- 数据未显示在flot图表中(都市主题)
- 使用Flot、JSON和MySQL的X轴日期格式
- 转换Javascript中的DayOfYear值以用于Flot
- 动态FLOT图例表
- Firefox SDK:包括jquery.flot在内的问题,错误显示维度高度为空
- JQuery Flot:只需在按住 Shift 键时平移即可
- 线在使用 Ajax 的 Flot 图上没有进展
- 无法使用 flot 绘制图形
- Flot 拒绝显示数据,但可以很好地解析 JSON 标签
- 杰奎里 .使用 Flot JS 绑定时不会触发更改
- javascript php mysql flot database