在工具提示中Highcharts

阵列显示阵列我有一个数据组，其看起来像这样。在工具提示中Highcharts

var toolTip = [ ["IN001", "IN002"], "IN003", "IN004", ["IN005", "IN006", "IN007"] ];

我有一个散点图，它使用这些工具提示在其中显示数据。

{ 
     type: 'scatter', 
     name: 'incidents', 
     yAxis: 1, 
     data: [ [0,100],[1,100],[2,100],[3,100] ], 
     tooltip: { 
     pointFormatter: function(){ 
      return "Incident " + toolTip[this.series.data.indexOf(this)] ; 
     } 
     } 
    },

现在这显示了工具提示中的一行中的数据。如果工具提示中有多个数据，我想要下一行。例如，

IN0001 
IN0002

而不是IN0001, IN0002。

我如何获得下一行。在这种情况下，我不知道如何解析这些数据。

还有一个疑问，我已经是，每个名字应该是一个超链接。如何让toolTip数组中的每个单词都显示为工具提示中的链接？

任何帮助表示赞赏。

这里是下面的工作模式。 jsFiddle

来源

2016-09-27 Nikhil Tikoo

你有你的图表的一个活生生的例子？ –

@GrzegorzBlachlińskihttp://jsfiddle.net/o2zmLngr/3/ –

所以你想实现类似于这个图表的东西？ http://jsfiddle.net/o2zmLngr/5/如果我的例子将满足您的要求，我会发布它作为ananswer –

你可以改变你pointFormatter功能，所以你会满足您的要求。您可以使用'br'添加分隔线，并且您可以使用'a'添加链接，就像使用普通HTML一样。您可以使用Highcharts.each（）遍历数组，并将下一个元素添加到字符串中。

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

在这里你可以看到一个例子是如何工作的：http://jsfiddle.net/o2zmLngr/5/

来源

2016-10-06 17:49:50

链接似乎不活跃。我试着给出一个href并点击，但它没有采取提到的URL。 –

你应该在你的css中将指针事件设置为auto：http://jsfiddle.net/o2zmLngr/9/ –

在工具提示中Highcharts

回答

相关问题