Highcharts Highmaps 插件图例错误答案

【问题标题】：Highcharts Highmaps plugin legend bugHighcharts Highmaps 插件图例错误
【发布时间】：2014-06-14 01:27:56
【问题描述】：

我们在我们的网站上实现了 highcharts，并且最近遇到了 HighMaps Beta 插件，非常棒！

当我尝试将图例附加到 HighMap 时，我的问题就出现了。 - 它使美国地图完全变黑，并且没有适当地为各州着色。但是，如果您将鼠标悬停在状态上，则会显示信息。
- 见 jFiddle:
http://jsfiddle.net/bSTB5/

<script src="http://code.highcharts.com/highcharts.js"></script>
<script src="http://code.highcharts.com/maps/modules/map.js"></script>
<script src="http://code.highcharts.com/maps/modules/data.js"></script>
<script src="http://www.highcharts.com/samples/data/maps/us.js"></script>
<script src="http://code.highcharts.com/modules/exporting.js"></script>

$(function () {

$.getJSON('http://www.highcharts.com/samples/data/jsonp.php?filename=us-population-density.json&callback=?', function (data) {

    // Instanciate the map
    $('#container').highcharts('Map', {
        chart : {
            borderWidth : 1
        },

        title : {
            text : 'US population density (/km²)'
        },

        legend: {
            layout: 'horizontal',
            borderWidth: 0,
            backgroundColor: 'rgba(255,255,255,0.85)',
            floating: true,
            verticalAlign: 'top',
            y: 25
        },

        mapNavigation: {
            enabled: true
        },

        colorAxis: {
            min: 1,
            type: 'logarithmic',
            minColor: '#EEEEFF',
            maxColor: '#000022',
            stops: [
                [0, '#EFEFFF'],
                [0.67, '#4444FF'],
                [1, '#000022']
            ]
        },

        series : [{
            animation: true,
            data : data,
            mapData: Highcharts.maps.us,
            joinBy: 'code',
            dataLabels: {
                enabled: true,
                color: 'white',
                format: '{point.code}',
                style: {
                    fontWeight: 'bold',
                    textShadow: '0 0 3px black',
                    textTransform: 'uppercase'
                }
            },
            name: 'Population density',
            tooltip: {
                pointFormat: '{point.code}: {point.value}/km²'
            }
        }]
    });
});

});

如果我禁用图例：“{enabled: false”}”，那么美国各州的颜色突然正确，但我当然没有图例。
jFiddle：http://jsfiddle.net/zmnC3/

这是我当前给客户的演示。

请注意，它仅在我尝试包含“HighMaps 启动指南”中所述的 js 文件时才会这样做：

*"如果您已经在网页中安装了 Highcharts，并希望将 Highmaps 作为插件运行，请在 highcharts.js 之后包含此脚本标记：

如果我使用这个 jFiddle 中的 HighMap 包含文件，一切都会很好。
http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/maps/demo/color-axis/

唯一的问题是我不能在我的 aspx 页面中进行这种类型的包含，因为我的一些客户没有 HighMap 图表，如果我只显示包含此包含的 HighChart，那么所有 HighCharts 都停止工作。 ..

我们的页面有多个客户（有些只有 highcharts，有些有 highcharts 和一个 highmap 演示）

有人看到这个并知道如何解决它吗？
这是一个已知的错误吗？
最后，有人知道 HighMaps 的发布日期吗？

我们的客户渴望全面投入使用！

谢谢兰斯

【问题讨论】：

标签： highcharts

【解决方案1】：

是的，这是将 Highcharts 4.x 与 Highmaps 1.x 一起使用时的错误。现在改用 Highcharts 3.x。见：http://jsfiddle.net/zmnC3/1/

<script src="http://code.highcharts.com/3.0/highcharts.js"></script>

【讨论】：

谢谢先生。正是我想要的。