javascript - 如何将可点击的 HTML 链接添加到 Highcharts 5.0.x 的工具提示中？

Question

我对 Highcharts 工具提示有以下配置:

    tooltip: {
        useHTML: true,
        style: {
            padding: 0
        },
        formatter: function () {
            return '<a href="http://google.com">' + this.x + ': ' +  this.y + '</a>'
        }
    }

示例:http://jsfiddle.net/maLqoyge/2/

工具提示内的链接是可见的，但似乎无法将鼠标悬停在其上:链接没有下划线，鼠标光标也没有改变。也无法通过单击链接来打开 URL。

在 Highcharts 3.0.10 中，类似的工具提示仍然有效。是否可以在工具提示内创建链接，以便在 Highcharts 5.0.x 中也能发挥作用？

Answer 1

您必须将tooltip.style.pointerEvents设置为'auto'。

tooltip: {
  useHTML: true,
  style: {
    padding: 0,
    pointerEvents: 'auto'
  },
  formatter: function() {
    return '<a href="http://google.com">' + this.x + ': ' + this.y + '</a>'
  }
},

示例:http://jsfiddle.net/zfwx6s9q/