jquery - 异步数据获取后更新 jquery.sparkline

Question

背景

我正在使用jquery.sparkline来生成饼图。饼图的数据包含在一个数组中。

当页面首次加载时，将调用 Web 服务（使用 .ajax）来获取数据，其中指定的回调将获取接收到的数据并更新与饼图关联的数组。

当屏幕上的下拉列表更改值时，会调用相同的更新过程。

情况

如果我将 .ajax 调用设置为 asynch=false 这一切都可以正常工作。

如果我将 .ajax 调用设置为 asynch=true，则饼图中显示的结果始终是“后面刷新一次”。我的意思是最初没有饼图，然后当下拉列表更改时，饼图将按最初的样子呈现。

代码

$.ajax({
    type: "GET",
    contentType: "application/json; charset=utf-8",
    url: requestURL,
    async:   true ,
    success: function (data) { successCallback(data); },
    error: function (data) { failureCallback(data); }
});

帮助？ 有人认识到这个问题吗？

选项 我一直在研究观察者模式的变体来监视数组的更改，并（不确定如何）说服 jquery.sparkline 对象重绘自身，但这看起来很疯狂，我确信我必须忽略更多的东西直截了当。

---

---

感谢 Gareth 和他的示例代码，我能够看到我做错了什么（这与 jquery.sparkline 无关。

我有一些这样的函数：

function RefreshPieChart(){
    //First call managePieDataFetch() 
    //to kick off the web-service request

    managePieDataFetch();

    //now reinitialise the jquery.sparkline
    //pie charts on the basis that the 
    //array variable initialised in 
    //pieDataFetchCallBack() has the newest 
    //data in it.
    //
    //.... It hasn't !
}
function managePieDataFetch(){
    //invoke the .ajax call and 
    //provide function pieDataFetchCallBack() as 
    //a call back function
}
function pieDataFetchCallBack(){
    //post process the data
    //returned from a successful
    //ajax call. Place the results
    //into an array variable at
    //script scope
}

Answer 1

我需要查看一个更完整的示例来确定问题所在，但使用 async: true 对我来说效果很好。

这是一个非常简单的工作示例的链接： http://omnipot.net/jquery.sparkline/ajaxtest .html

ajax端的源代码在这里：
http://omnipot.net/jquery.sparkline/ajax.phps

如果您的图表是在实际调用 .sparkline() 时隐藏（即显示：无），那么您可能需要在图表可见时调用 $.sparkline_display_visible() 以强制在该点渲染它。