Highmaps網頁圖表教程之圖表配置項結構與商業授權

weixin_33816946發表於2017-06-12

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是一些全域性配置專案,包括globallang兩項。當中,配置項lang用於配置一些本地化的一些選項。這部分內容,會在後面詳細解說。

當中,("#container").highcharts("Map", {是我們最經常使用的選項,詳細含義如表1.1所看到的。

1.1  經常使用配置項


以上配置項均為頂級配置項。每一個配置項下包括非常多子配置項。當中非常多子配置項還包括其它配置專案,從而形成層次結構。當中,比較複雜而且經常使用的是配置項plotOptionsseries

經常使用配置項plotOptionsseries

配置項plotOptions的結構如圖1.12所看到的。

該配置項包含五個子配置項heatmapmapmapbubblemaplinemappointseries。當中,配置項heatmapmapmapbubblemaplinemappoint用於設定當前容器中熱區圖、基礎地圖、基礎地圖+氣泡型別、基礎地圖+線條型別、基礎地圖+節點型別的配置。

series用於設定當前容器中全部資料列的基本配置。

配置項series的結構如圖1.13所看到的。

儘管從圖中看,似乎series也分為5類。但實際並非這種。

因為series中的選項較多,但並非每一個配置項都在特定的地圖型別中使用。

所以為了方便使用者查閱,Highmaps將選項依照地圖型別又一次組織。

使用者僅僅要依據設定的型別,直接選擇相應的型別就可以。


1.12  配置項plotOptions結構                 1.13  配置項series結構

因為plotOptions.seriesplotOptions.*(除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人!


相關文章