如何使用highmaps创建世界地图并禁用部分图例



我使用highmaps创建了一个世界地图。下面是代码http://jsfiddle.net/zhaojun08/jnmoyzgL/2/

$(function () {
    // Prepare demo data
    var data = [
        {
            "hc-key": "fo",
            "value": 0
        },
        {
            "hc-key": "um",
            "value": 1
        },
        {
            "hc-key": "us",
            "value": 2
        }
    ];
    // Initiate the chart
    $('#container').highcharts('Map', {
        title : {
            text : 'Highmaps basic demo'
        },
        subtitle : {
            text : 'Source map: <a href="http://code.highcharts.com/mapdata/custom/world-highres.js">World, Miller projection, high resolution</a>'
        },
        mapNavigation: {
            enabled: true,
            buttonOptions: {
                verticalAlign: 'bottom'
            }
        },
        colorAxis: {
            min: 0
        },
        legend: {
            enabled: true
        },
        series : [{
            data : data,
            mapData: Highcharts.maps['custom/world-highres'],
            joinBy: 'hc-key',
            name: 'Region',
            states: {
                hover: {
                    color: '#BADA55'
                }
            },
            dataLabels: {
                enabled: false,
                format: '{point.name}'
            },
            tooltip: {
                pointFormat: '{point.name}'
            }
        },{
            type: 'mappoint',
            name: 'Cities',
            marker: {
                fillColor: 'white',
                lineColor: 'black',
                lineWidth: 1,
                radius: 2
            },
            data: [{
                name: 'Mountain View',
                lon: -122.07,
                lat: 37.40
            }]
        }]
    });
});

但图例的地图有两个部分,一个是左边的部分与dataRange,另一个是右边的部分与'server'。我想删除左边的部分,保留右边的部分,因为我想创建一个纯映射。

我该怎么办?谢谢你!

我已经使用showwinlegend选项解决了这个问题。

相关内容

  • 没有找到相关文章

最新更新