单击某个点时如何停止放大高图？

Question

我使用HighMaps建立了一个美国地图，其中包含几个系列的数据点。我已禁用onmouseover默认行为，并使用onclick代替可访问性和移动使用。但是，当我单击地图点时，地图会放大。如何禁用此功能？

我不想禁用所有缩放，因为有些点非常接近。问题似乎是在代码的plotoptions部分（当我删除它时，它不会缩放，但onclick也不起作用）

请参阅JS Fiddle代码：https://jsfiddle.net/sfjeld/znd03gxL/47/

var tooltipEnabled = true;
// Create the chart
Highcharts.mapChart('container', {
chart: {
    map: 'countries/us/us-all'
},

title: {
    text: 'InSPIRE Project Sites'
},
legend: {
        title: {
            text: 'Select from the options below to display all sites using that technology.'
        }
},
credits: {
    enabled: false
},
mapNavigation: {
    enabled: false,
    buttonOptions: {
        verticalAlign: 'top'
    }
},

tooltip: {
    headerFormat: '',
    pointFormat: '<span style="color:#0079C2;font-weight:bold; font-size:110%"><b>{point.name}</b></span><br><b>Primary Research:</b> {point.research}<br>{point.desc}<br><br><b>Partners:</b> {point.partners}',
    useHTML: true,
    enabled: false
},

plotOptions: {
    series: {
      events: {
      click: function() {
        this.chart.update({
          tooltip: {
            enabled: tooltipEnabled
          }
        });
        tooltipEnabled = tooltipEnabled ? false : true;
        disableHover = false;
      }

  },
        dataLabels: {
            enabled: false
        },
        marker: {
            states: {
                hover: {
                    enabled: true
                }
            }
        }
    }
},

我希望点击一个点时不要缩放。

Answer 1

您可以通过更新工具提示本身而不是更新整个图表来实现您的期望。检查下面发布的演示和代码。

  plotOptions: {
    mappoint: {
      events: {
        click: function() {
          this.chart.tooltip.update({
            enabled: tooltipEnabled
          });

          tooltipEnabled = tooltipEnabled ? false : true;
          disableHover = false;
        }
      },
      dataLabels: {
        enabled: false
      },
      marker: {
        states: {
          hover: {
            enabled: true
          }
        }
      }
    }
  }

演示：

• https://jsfiddle.net/BlackLabel/6ps8bk2q/