2015-12-13 32 views
2

我有下面的代碼,用於使用Ajax從MYSQL數據庫中獲取數據。在Ajax成功後觸發Sparkline內聯圖

我的測試顯示我已成功接收結果。

我遇到的問題是強制sparkline在調用成功後呈現圖形。

如果我在沒有Ajax調用的情況下直接將數據放入頁面,則該圖呈現時不會出現任何問題,但是如果數據在調用ajax成功後發出,則不會呈現該圖。

從我的調查中,我懷疑解決辦法是強制sparkline在ajax調用後重新渲染。所以我該怎麼做? 下面是我的Ajax代碼

$(document).ready(function() { 
     var id = 1; 
        $.post("dashboardprocessor.php", {c1:id},function(data){ 
        $("#c1").html(data); 

        }); 

    }); 

其中渲染是假設已經發生的頁面包括了sparkline.js文件。

回答

0

你的返回的響應 '數據' 必須是值的一個這樣的數組:

VAR數據= [15,4,15,22,10,13];

// then you need to pass this array to the element 
$('#'your-element).sparkline(data, { 
    type: "bar", 
    tooltipSuffix: " widgets" 
}); 

使用您選擇的選項自定義圖形。 我希望這對你有意義。 :)

注意:我還建議您使用'$ .ajax'調用而不是($ .post),$ .ajax對配置和(但我的意見)更靈活,更易於閱讀和理解。