Highmaps mappie 缩放问题

Question

我正在尝试使用较新版本的 highcharts/highmaps 调整我的代码，但我遇到了地图和 mappie 渲染器的问题。我需要的渲染类似于您在此处的演示：https://jsfiddle.net/gh/get/library/pure/highcharts/highcharts/tree/master/samples/maps/demo/map-pies

目前我需要保留我的非 TOPOJson 地图并使用更新的库调整我现有的代码。结果在这里：https://jsfiddle.net/vegaelce/bzy4xgm1/ 除非您缩放 in/out，否则一切正常。放大时馅饼越来越小

我从现有代码中添加了以下代码

init: function () {
        Highcharts.Series.prototype.init.apply(this, arguments);
        // Respond to zooming and dragging the base map
        Highcharts.addEvent(this.chart.mapView, 'afterSetView', () => {
            this.isDirty = true;
        });
    },
    render: function () {
        const series = this,
            chart = series.chart,
            linkedSeries = chart.get(series.options.linkedMap);
        Highcharts.seriesTypes.pie.prototype.render.apply(
            series,
            arguments
        );
        if (series.group && linkedSeries && linkedSeries.is('map')) {
            series.group.add(linkedSeries.group);
        }
    },

并更新了以下内容

const zoomFactor = chart.mapView.zoom / chart.mapView.minZoom;

我需要的是馅饼不受缩放级别的影响。你能告诉我怎么做吗？

Answer 1

删除 zoomFactor 属性使饼图不受缩放级别的影响。

演示：https://jsfiddle.net/BlackLabel/ybL5e3au/

Highmaps mappie 缩放问题

Highmaps mappie zooming issue

zooming

highcharts

pie-chart