Highcharts Density Dot Map支持?

在我的工作中,我的老板要我实施点密度图。 现在我无法详细介绍,但我已经实现了一个简单的lat / lon映射,如下所示:

http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/maps/demo/mappoint-latlon/

我正在使用佛罗里达州,因为这是我感兴趣的地方。 无论如何,我正在尝试创建一个点密度图,其中每个点都与一个值相关联。 该值将与简单的颜色相关联,其中值越大颜色越深,值越低颜色越浅。 颜色可以是任意的,我只是找不到一个简单的例子甚至是这个例子的例子。 我不知道这是否支持,我可以创造一个等值。

即使我有颜色轴设置和JSON格式正确的问题,例如:

{ name : 'poi' value: value, lat: lat-value, lon: long-value } 

我仍然无法获得点密度图。 我得到的只是工作的JSFiddle示例,其中包含佛罗里达州地图及其上的点。 我也得到了颜色轴,但点没有不同的颜色。 有人可以提供一些帮助,它可以从信息到简单的“它不能在没有自定义的情况下在高图中支持”。

mappoint系列不适用于colorAxis ,但是,它是Highcharts,因此可以扩展默认function:

 (function (H) { // add colorAxis H.seriesTypes.mappoint.prototype.axisTypes = ['xAxis', 'yAxis', 'colorAxis']; // draw points and add setting colors H.wrap(H.seriesTypes.mappoint.prototype, "translate", function (p) { p.call(this); H.seriesTypes.mappoint.prototype.translateColors.call(this); }); // copy method from heatmap for color mixin H.seriesTypes.mappoint.prototype.translateColors = H.seriesTypes.heatmap.prototype.translateColors; // use "value" to calculate color H.seriesTypes.mappoint.prototype.colorKey = 'value'; })(Highcharts); 

和工作演示: http : //jsfiddle.net/4mabw6zr/