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是一些全局配置项目,包括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人!


原文地址:https://www.cnblogs.com/yfceshi/p/6991712.html