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

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人！