Highmaps網頁圖表教程之圖表配置項結構與商業授權
Highmaps圖表配置項結構
Highmaps最核心的部分就是圖表配置項。使用者通過圖表配置項來對標題進行定製,從而實現自己所要的效果。所以,掌握圖表配置項結構是很重要。本節將大致解說結構框架,便於讀者興許深入。
Highmaps基本結構
瞭解結構的最直接方式,就是看官網API。
官方API具體列出了公開的配置項資訊。
檢視官網API有兩種方式:
q 第一種是直接訪問官網提供的API。網址為http://api.highcharts.com/highmaps,效果如圖1.11所看到的。因為它是國外站點,所以常常會出現訪問緩慢的問題。
q 另外一種是在下載的Highmaps包中,雙擊api目錄下的highmaps.html檔案。也能夠開啟API幫助文件。
圖1.11 API幫助頁面
在左側的CONFIGURATION OPTIONS下就是經常使用的配置項。
當中。Highcharts.setOptions是一些全域性配置專案,包括global和lang兩項。當中,配置項lang用於配置一些本地化的一些選項。這部分內容,會在後面詳細解說。
當中,("#container").highcharts("Map", {是我們最經常使用的選項,詳細含義如表1.1所看到的。
表1.1 經常使用配置項
以上配置項均為頂級配置項。每一個配置項下包括非常多子配置項。當中非常多子配置項還包括其它配置專案,從而形成層次結構。當中,比較複雜而且經常使用的是配置項plotOptions和series。
經常使用配置項plotOptions和series
配置項plotOptions的結構如圖1.12所看到的。
該配置項包含五個子配置項heatmap、map、mapbubble、mapline、mappoint、series。當中,配置項heatmap、map、mapbubble、mapline、mappoint用於設定當前容器中熱區圖、基礎地圖、基礎地圖+氣泡型別、基礎地圖+線條型別、基礎地圖+節點型別的配置。
而series用於設定當前容器中全部資料列的基本配置。
配置項series的結構如圖1.13所看到的。
儘管從圖中看,似乎series也分為5類。但實際並非這種。
因為series中的選項較多,但並非每一個配置項都在特定的地圖型別中使用。
所以為了方便使用者查閱,Highmaps將選項依照地圖型別又一次組織。
使用者僅僅要依據設定的型別,直接選擇相應的型別就可以。
圖1.12 配置項plotOptions結構 圖1.13 配置項series結構
因為plotOptions.series、plotOptions.*(除plotOptions.series之外)和series的配置項反覆,所以同樣的設定會有優先順序問題。
當中。series中的優先順序大於plotOptions.*的,plotOptions.*的優先順序大於plotOptions.series的。
在實際使用中,尤其是一個容器中包括多個地圖型別的時候,合理利用這樣的優先順序,能夠降低程式碼編寫量。
對於針對全部地圖的通用配置,建議通過plotOptions.series設定;對於全部同型別地圖的設定,建議通過plotOptions.*設定。針對特定一個地圖的設定。建議通過series設定。
Highmaps商業授權
在實際Highmaps開發過程中,開發人員往往會面對授權問題和複雜需求問題。這裡針對這兩個方面最簡要解說,以幫助開發人員更好的使用Highmaps。
Highmaps商業授權
Highmaps是一個很好的圖表外掛。在使用的時候,它針對個人和非商業應用是所有免費的。
對於商業開發。開發人員須要購買對應的商業授權。在國內,開發人員能夠通過Highmaps官方授權的Higcharts中文網(hcharts.cn)購買商業授權。
該站點是國內最權威的Highmaps技術站點。它提供Highmaps各項服務,如商業授權、定製、諮詢等服務。在瀏覽器中輸入網址http://www.hcharts.cn/service/license.php,就能夠進入該站點的商業授權網頁。如圖1.11所看到的。
圖1.11 商業授權頁面
依照網頁提示,就能夠申請購買商業授權。
Highmaps定製開發
在Highmaps中。各類圖表的實現採用模版化機制。
使用者僅僅須要極少的設定,就能夠配置精美的圖表。
但實際開發中,開發人員常常面臨各種更為複雜的客戶需求。這個時候,使用Highmaps提供各種配置項往往非常難實現。遇到此類問題。使用者能夠通過購買定製服務,來解決使用中遇到的難題。
Highcharts中文網提供一流的技術諮詢和定製服務,使用者僅僅須要進入官網的圖表定製服務頁面(如圖1.12),就能夠申請響應的服務。
圖1.12 定製服務
本文選自:Highmaps網頁圖表基礎教程大學霸內部資料,轉載請註明出處。尊重技術尊重IT人!