我尝试使用 flotJS 绘制 2 个单独的图表(实际上是 9 个,但目前只有 2 个),不知何故,数据混合并在两个图表上绘制相同的混合数据
这是我的 JS 代码:
var graphData1, graphData2, graphData3 = [];
var graphBuffer = 1000;
var xmin = 0;
var xmax = 5;
var options = {
xaxes: [
{position: 'bottom', autoScale: 'none', min: 0, max: 5}
],
yaxes: [
{position: 'left', autoScale: 'none', min: -1.5, max: 1.5}
],
zoom: {interactive: true},
pan: {interactive: true}
};
function deleteGraph() {
graphData1 = graphData2 = graphData3 = [];
$.plot("#graph1", [{graphData1}], options);
$.plot("#graph2", [{graphData2}], options);
//$.plot("#graph3", [{graphData3}], options);
}
function updateGraph(data) {
var datatmp = data.data;
// Formatea y Almacena datos a graficar
datatmp.forEach(function (sample) {
graphData1.push([parseFloat(sample.timestamp.toFixed(4)), parseFloat(sample.sensor1.toFixed(4))]);
//graphData2.push([parseFloat(sample.timestamp.toFixed(4)), parseFloat(sample.sensor2.toFixed(4))]);
});
$.plot("#graph1", [graphData1], options);
$.plot("#graph2", [graphData2], options);
}
使用此代码,输出为:
正如您所看到的,即使在 //graphData2.push([parseFloat(sample.timestamp.toFixed(4)), parseFloat(sample.sensor2.toFixed(4)) 时,它也会在两个图表上绘制相同的信息]);
已注释
但是,如果我删除评论,结果是这样的:
正如您所看到的,它混合了数据并在两个图表上绘制相同的混合数据
如何在不同的图表上绘制不同的数据?
感谢您的帮助...
最佳答案
您正在设置graphData1 = graphData2
,因此它们是相同的数组。然后,您将所有数据点插入两个图表中显示的一个数组中。
替换
var graphData1, graphData2, graphData3 = [];
// and
function deleteGraph() {
graphData1 = graphData2 = graphData3 = [];
与
var graphData1 = [], graphData2 = [], graphData3 = [];
// and
function deleteGraph() {
graphData1 = [];
graphData2 = [];
graphData3 = [];
关于javascript - 无法使用 FlotJs 绘制 2 个单独的图表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55822391/