highcharts圖表如何把代碼下載到本地電腦使用

進修編程的小伙伴們可能在會用到highcharts這個圖表網站 , 這個網站供給了在線編程預覽的一個結果 。 那么我們若何做才可以或許讓這個圖表在當地的編程軟件中也可以或許利用呢?好比在DW中 , 在VS中等等 。

需要這些哦
highcharts官網
vs2012
方式/
1搜刮到【highcharts】官網后 , 進入其首頁 , 點擊【在線實例】里面的【highcharts演示】 , 如圖所示~

highcharts圖表如何把代碼下載到本地電腦使用



highcharts圖表如何把代碼下載到本地電腦使用



2然后我們選擇本身需要的圖表形式的揭示 , 好比我這里選擇了【折線圖】然后再選擇一個【月平均氣溫】 , 如圖所示 , 以此作為示范 。

highcharts圖表如何把代碼下載到本地電腦使用



3具體點擊這個表格后 , 我們可以看到這個默認本家兒題樣式的環境 , 如圖所示 。

highcharts圖表如何把代碼下載到本地電腦使用



4同時 , 也可以選擇其他的圖表樣式 , 總之 , 選擇本身喜好的即可 。 選擇好本身喜好的樣式后 , 點擊底部的【編纂源代碼】 , 如圖所示~

highcharts圖表如何把代碼下載到本地電腦使用



5然后點擊【分享下載】里面的【下載按鈕】 , 再點擊【下載】 , 如圖所示~

highcharts圖表如何把代碼下載到本地電腦使用



highcharts圖表如何把代碼下載到本地電腦使用



6下載到當地的時辰 , 我們可以不消解壓 , 直接雙擊打開里面的【.html】文件 , 如圖所示~

highcharts圖表如何把代碼下載到本地電腦使用



highcharts圖表如何把代碼下載到本地電腦使用



7打開這個【.htmal】后 , 我們鼠標右鍵點擊下選擇【查看源代碼】 , 如圖所示 。 然后全選這個源代碼 , 而且按下快捷鍵【Ctrl+c】 , 對其進行復制操作 , 如圖所示~

highcharts圖表如何把代碼下載到本地電腦使用



highcharts圖表如何把代碼下載到本地電腦使用



8然后我們把方才復制獲得的【源代碼】直接全數粘貼到本身所利用編程東西中 , 小編利用的是vs2012 , 然后我把這個代碼放入此中后 , 點擊【火狐】瀏覽器進行代碼運行 , 如圖所示~

highcharts圖表如何把代碼下載到本地電腦使用



9【highcharts圖表如何把代碼下載到本地電腦使用】

猜你喜歡