原圖：
原始程式碼：
var sin = [], cos = [];
//將資料放入陣列裡
var plot = $.plot($("#placeholder"),
[ { data: sin, label: "sin(x)"}, { data: cos, label: "cos(x)" } ], {
series: {
lines: { show: true },
points: { show: true }
},
grid: { hoverable: true, clickable: true },
yaxis: { min: -1.2, max: 1.2 }
});
//將資料放入陣列裡
for (var i = 0; i < 14; i += 0.5) {
sin.push([i, Math.sin(i)]);
cos.push([i, Math.cos(i)]);
}
sin.push([i, Math.sin(i)]);
cos.push([i, Math.cos(i)]);
}
var plot = $.plot($("#placeholder"),
[ { data: sin, label: "sin(x)"}, { data: cos, label: "cos(x)" } ], {
series: {
lines: { show: true },
points: { show: true }
},
grid: { hoverable: true, clickable: true },
yaxis: { min: -1.2, max: 1.2 }
});
我們用AJAX將資料取出，並將其放入二維陣列中，yData.push([ i , a[i].data1]) 第一個為項數 i ，在圖表上顯示第 i 筆，第二個為資料，在圖表上則顯示第 i 筆的資料，如果此資料為x軸上的刻度的話，可以使用字串的型態，EX：xData.push([i, a[i].data2]);。
