Question

在我的工作中，我的老板要我实施点密度图。现在我无法详细介绍，但我已经实现了一个简单的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示例，其中包含佛罗里达州地图及其上的点。我也得到了颜色轴，但点没有不同的颜色。有人可以提供一些帮助，它可以从信息到简单的“它不能在没有自定义的情况下支持在地图中”。

Answer 1

mappoint系列不适用于colorAxis，但是，它是Highcharts，因此可以扩展默认功能：

(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/

Highcharts Density Dot Map支持？

1 个答案: