Highmaps共享工具提示以显示重叠位置

时间:2017-03-07 20:34:12

标签: javascript charts highcharts tooltip highmaps

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

例如North Glasgow和South Glasgow - 我希望能够使用相同或非常接近的地理位置,并为两个点显示一个工具提示。

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

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

fiddle

1 个答案:

答案 0 :(得分:0)

定义一个包含其他信息的点。 您可以按如下方式将格拉斯哥点数减少到:

 {
        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/