Question

我正在尝试在工具提示中添加链接。问题是，如果我切换到移动设备，并点击工具提示，就像我点击它一样。它不会将我发送到另一个页面，只会在我点击的任何地方移动工具提示。

chart: {
        type:'pie'
},

title: {
  text: 'Full HTML tooltip with border, background and shadow'
},

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

有没有人如何实际触发我点击的链接？

这里是小提琴keys

感谢。

Answer 1

您可以尝试更改工具提示的显示方式。

   tooltip: {
      useHTML: true,
      positioner:function(){ return {x:100, y:100}; },
      hideDelay:3000,
      style: {
        padding: 0,
        pointerEvents: 'auto'
      },
      formatter: function() {
        return '<a href="http://google.com"> click here </a>'
      }
    },

将工具提示位置设置为固定
增加隐藏延迟

http://jsfiddle.net/zfwx6s9q/2/

Highcharts - 饼图 - 工具提示中的链接

1 个答案: