重叠位置的 Highmaps 共享工具提示

Question

如果有两个重叠点，如何显示下图的共享工具提示。

例如北格拉斯哥和南格拉斯哥 - 我希望能够使用相同或非常接近的地理位置并为两个点显示一个工具提示。

我尝试了共享和拆分工具提示选项，但没有用。

tooltip: {
    headerFormat: '',
    pointFormat: '<b>{point.name}</b><br>Lat: {point.lat}, Lon: {point.lon}',
    shared: true
},

fiddle

Answer 1

定义一个包含附加信息的点。您可以将格拉斯哥积分减为如下：

 {
        name: 'Glasgow',
        lat: 55.858,
        lon: -4.259,
        subnames: ['South Glasgow', ['North Glasgow']]
    }

然后您可以在工具提示格式化程序中访问其他信息：

    formatter: function (tooltip) {
      const subnames = this.point.options.subnames;
      if (subnames) {
        return `
            <b>${subnames[0]}</b><br>
            <b>${subnames[1]}</b><br>
          Lat: ${this.point.lat}, Lon ${this.point.lon}
        `
      }

      return tooltip.defaultFormatter.call(this, tooltip);
    }

示例：http://jsfiddle.net/f9wxu2o7/1/

重叠位置的 Highmaps 共享工具提示

Highmaps shared tooltip for overlapping locations

javascript

charts

tooltip

highcharts

highmaps