Highcharts Map Map-Pies Angular2 Typescript无效

Question

我正在尝试用打字稿中的Angular 2制作带有贴图的Highcharts地图（欧洲地图）。

我拿了这个演示示例 - ＆gt; https://www.highcharts.com/maps/demo/map-pies

我刚刚管理的内容：

1）添加欧洲地图，加入我的数据并在工具提示中显示它们。

2）用不同大小的正确数据绘制一些馅饼（总是左上角）

但是我没有设置这些馅饼的位置（让它们在地图缩放或移动时停留）

我也试过proj4.js libary - ＆gt; https://www.highcharts.com/docs/maps/latlon

我有几个问题：

1）如何扩展Highcharts.seriesType，如演示“新的map-pie系列类型，也允许lat / lon作为中心选项”

2）clip: true, // For map navigation - 在Angular 2 TS中不存在

3）var point = chart.fromLatLonToPoint(options.center); - 在Angular 2 TS中不存在

4）没有sizeFormatter: function ()而没有getCenter: function ()

5）由于1）

，将lat / lon传递到中心不起作用

center: {
            lat: centerLat + (pieOffset.lat || 0),
            lon: centerLon + (pieOffset.lon || 0)
        }

6）因为1）＆amp; 2）我在地图上设置馅饼位置没有纬度/经度，但我从地图上的国家得到x / y坐标 - 因此，如果地图被移动，位置是错误的

有人曾经在angular2 ts中试过这个并没有失败吗？谢谢你的帮助

到目前为止我做了什么：https://jsfiddle.net/0jhqmaeu/

通过解决方法解决了这个问题：

1）将馅饼添加到州的plotX / plotY

2）添加eventlistener mouseup（检测地图移动）

3）添加eventlistener xAxis.events.afterSetExtremes（检测地图缩放）

4）事件回调删除所有馅饼并添加新位置（状态x / y位置）

5）可选：仅在状态可见时设置可见性