首先,您需要为可以动态重新创建的图形设置舞台。为此,请抓住您的容器,然后对包含您的数据的脚本进行 ajax 调用。在 ajax 成功调用中,在函数中捕获脚本的结果并将其发送到诸如 resetGraph 之类的方法,该方法将根据在数据库中找到的新信息重置图形。
var dataview = $("#placeholder");
$.ajax({
url: "index.php",
data: "stuff&junk&things",
method: 'GET',
dataType: 'json',
success: function(msg){
resetGraph(msg);
}
});
function resetGraph( data ){
plot = $.plot(dataview, data.data, {
points: { show: true, radius: 5 },
xaxis: { ticks: data.ticks, tickSize: 7 },
yaxis: {labelHeight: 2}
});
}
您的脚本应该使用必要的信息填充数组,然后对其进行 json_encoding,然后再将其发送回 Jquery。例如,
echo json_encode(
array(
"data" => array(
array("data" => array(1,2,3))
),
"ticks" => array(2, "two")
)
);