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