我正在使用这段代码通过AJAX JSON数据渲染器创建一个Jqplot。一切正常。我在页面上有一个按钮,允许用户输入一个新值(通过ajax更新)。这将被存储到DB中(与json数据来自的位置相同)。
当按钮被按下并且新值已添加到数据库时,我希望jqplot再次刷新(即检查ajax源)。
我尝试了一些方法,这些方法要么不更新图形,要么将图形绘制在彼此的顶部。
$(document).ready(function(){
// Our ajax data renderer which here retrieves a text file.
// it could contact any source and pull data, however.
// The options argument isn't used in this renderer.
var ajaxDataRenderer = function(url, plot, options) {
var ret = null;
$.ajax({
// have to use synchronous here, else the function
// will return before the data is fetched
async: false,
url: url,
dataType:"json",
success: function(data) {
ret = data;
}
});
return ret;
};
// The url for our json data
var jsonurl = "./jsondata.txt";
// passing in the url string as the jqPlot data argument is a handy
// shortcut for our renderer. You could also have used the
// "dataRendererOptions" option to pass in the url.
var plot2 = $.jqplot('chart2', jsonurl,{
title: "AJAX JSON Data Renderer",
dataRenderer: ajaxDataRenderer,
dataRendererOptions: {
unusedOptionalUrl: jsonurl
}
});
});假设我需要将jqplot添加到一个函数中并销毁旧的plot,然后在成功时调用该函数?-使用这种方法不能让事情正常工作。
任何帮助都是最好的。
谢谢
发布于 2014-04-11 13:35:59
你有没有试着重新绘制图表?
var plot2 = $.jqplot('chart2', jsonurl,{
title: "AJAX JSON Data Renderer",
dataRenderer: ajaxDataRenderer,
dataRendererOptions: {
unusedOptionalUrl: jsonurl
}
});
plot2.replot();希望能有所帮助。
你好,阿尼什
https://stackoverflow.com/questions/22175157
复制相似问题