Question

我正在看一下来自highcharts for angular 2的高图，并看着这个演示：

http://plnkr.co/edit/AmDfKwhRhshFn3CPprkk?p=preview

这里，系列就像：

series : [{
    name: 'UTC',
    data: ['IE', 'IS', 'GB', 'PT'].map(function (code) {
        return { code: code };
    })
}, {
    name: 'UTC + 1',
    data: ['NO', 'SE', 'DK', 'DE', 'NL', 'BE', 'LU', 'ES', 'FR', 'PL', 'CZ', 'AT', 'CH', 'LI', 'SK', 'HU','SI', 'IT', 'SM', 'HR', 'BA', 'YF', 'ME', 'AL', 'MK'].map(function (code) {
        return { code: code };
    })
}, {
    name: 'UTC + 2',
    data: ['FI', 'EE', 'LV', 'LT', 'BY', 'UA', 'MD', 'RO', 'BG', 'GR', 'TR', 'CY'].map(function (code) {
        return { code: code };
    })
}, {
    name: 'UTC + 3',
    data: ['RU'].map(function (code) {
        return { code: code };
    })
}]

但是，我想提供coordindates（lat long）来绘制点数。是否有可能做到这一点？如果有，怎么样？请注意，我正在寻找特定于Angular 2的解决方案

Answer 1

如果您可以根据纬度和经度获取数据，可以使用库proj4js在地图上绘制数据。必须包含此库才能在Highmaps内部工作，无需明确执行任何操作。

您的数据必须转换为纬度/经度，如您所见：http://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/maps/demo/mappoint-latlon/

在这里查看我的其他角度帖子，了解angular2 +版本中的完整工作示例：Highmaps chart is empty in Angular 5

带有lat长数据的HighMap图表

1 个答案: