如何向Highmaps添加自定义地图和自定义数据?

时间:2015-08-05 10:27:33

标签: dictionary highcharts highmaps

我正在努力将包含自定义数据的自定义地图纳入Highmaps。我确信这是一件非常愚蠢的事情,但我无法在网上找到任何例子和解释。

我有一个包含数据的JSON文件,以及一个带有地图的GeoJSON文件。所以,它看起来像这样:

        $(function () 
        {
            $.getJSON('http://xxx/data/P_.json', function (data)
            {
                // Initiate the chart
                $('#container').highcharts('Map',
                {
                    series : [
                    {
                        data : data,
                        mapData: 'http://www/data/countries.geojson',
                        joinBy: ['Name', 'Countries'],
                    }]
                });
            });
        });         

但事情显然是错误的。如何添加自定义mapData?

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

有关于如何创建自定义geoJSON的说明:http://www.highcharts.com/docs/maps/custom-geojson-maps

在9.有链接到jsFiddle,显示如何解析geoJSON文件以供Highcharts用作mapData:http://jsfiddle.net/highcharts/xbzxfx2L/

$title=$arr['title'];
$length=30;
$smalltitle=rtrim( preg_replace('/\s+?(\S+)?$/', '', substr( $title, 0, $length ) ) );
echo $smalltitle;

$arr['title']=$smalltitle;