2023-04-29 15:06:34davidoege3
JQuery圖表插件——Highcharts
網頁設計
以下內文出自:
這寫都是設置裝備擺設,最重要的就是series裡面的數據了,假如需要從數據庫中掏出來的話,直接生成json然後賦值上去就OK了,效果很炫,還有動態感,感樂趣的同夥可以下載下來跑跑。
注意,DEMO裡的download文件夾中的js文件,本來導出及打印的一些提醒是英文,我已經點竄成中文了,在援用js文件的時候需要charset="gb2312",具體DEMO中我已經寫好了註釋。好的,到此為止。下載地址
圖表中的數據純屬於DEMO的測試數據,沒有現實意圖。下面講下大致的實現步驟
第一步,下載而且引用JS包(highcharts.js),theme顧名思義是放模板的。
可以下載DEMO逐一試試就知道結果怎麼樣了,上圖就運用了兩個樣式。download中放的是打印和導出成圖片的js文件(貌似是經由過程js上傳到官網,然後再下載到當地),因為項目是放到內網的所以就沒有用了。
第二步,實現,貼代碼。
因為項目中需要用到圖表生成,所有Google了下,找到了這個插件,順帶寫了個DEMO。點擊跳轉官網
先上三個圖,劃分曲直線、柱狀、扇形。
以下內文出自: