tooptip中的Highchart可点击链接

时间:2017-12-26 13:08:37

标签: javascript jquery highcharts

我正在尝试创建一个高清图,每个项目都有自己的url(可点击),对于工具提示中的每个数据。

series: [{
  tooltip: {
    pointFormatter: function() {
      var string = '';
      Highcharts.each(toolTip[this.series.data.indexOf(this)], function(p) {
        string += '<a href="'+ urls +'">' + p + '</a><br>'
      });
      return string + "<br />";
    }
  },
  type: 'spline',
  data: data
}]

Fiddle

如何设置每个项目从urls获取自己的网址?

1 个答案:

答案 0 :(得分:2)

我更新了使用urls[indexs][j]代替urls

的系列
 series: [{
  tooltip: {
    pointFormatter: function() {
      var string = '';
      var indexs = this.series.data.indexOf(this);
      Highcharts.each(toolTip[this.series.data.indexOf(this)], function(p, j) {
        string += '<a href="' + urls[indexs][j] + '">' + p + '</a><br>'
      });
      return string + "<br />";
    }
  },
  type: 'spline',
  data: data
}]

Fiddle演示