1

我正在从 highcharts 中查看 angular 2 的 highmap 并查看此演示：

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 };
    })
}]

但是，我想提供坐标（经纬度）来绘制点。是否有可能做到这一点？如果是，如何？请注意，我正在寻找特定于 Angular 2 的解决方案

4

1 回答 1

0

如果您可以获取纬度和经度方面的数据，则可以使用 library 将其绘制在地图上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

于 2018-04-17T19:16:58.143 回答