ajax讀取數據后使用jqchart顯示圖表的方法_javascript技巧

最近項目中需要顯示出圖表效果，原來收集到的圖表插件終于有用武之地了。

但是和jqchart對比，還是有很多不同之處的。

實現效果：

我就對jqchart進行了重新編寫。

首先要解決的是不顯示x軸和y軸：

其次，對于拐點的文字，原來顯示是相應的data值，現在需要顯示的是對應的x軸名稱：

使用默認的數據可以顯示出來了。接下來就是和開發的協作了。

我希望可以使用ajax異步獲取數據，然后在前臺顯示。

這里，我使用了一個示例頁面chartdata.html, 即需要的數據頁

[{labelX : ["外觀設計","便攜性","易用性","電池待機","攝像功能","變焦"],data :[[5,7,2,3,9,4]]}]

在前臺，我通過ajax請求該頁面，對返回的json數據進行處理，傳遞給chartSetting：

完整的html頁面：

OK，大功告成！

希望本文所述對大家的jQuery程序設計有所幫助。

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com