在Highcharts的工具提示中显示数组中的数组

debugcn 发表于 Dev

尼基·蒂科（Nikhil Tikoo）

我有一个看起来像这样的数据集。

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

格热哥兹·布拉奇林斯基（GrzegorzBlachliński）

您可以更改pointFormatter函数，以满足您的要求。您可以使用'br'添加断行，也可以像普通HTML一样使用'a'添加链接。您可以使用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/

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。