highcharts sankey图中的不同节点工具提示

时间:2019-04-05 16:36:02

标签: highcharts sankey-diagram

在Highcharts sankey图中,我想用工具提示标记节点。左侧(发送者节点)的标签应与右侧(接收者节点)的标签不同。

示例:
左节点:“ CVP(原党投票):6000”
右节点:“ CVP(接收方投票):5000”

我使用nodeFormatter格式化功能进行了尝试,但是失败了。 jsfiddle在这里:https://jsfiddle.net/martindfurrer/ah175o8e/

tooltip: {
    nodeFormatter: 
        function() {          
             if (this.point.fromNode.name != null) {
                 return (point.name +'(Origin Party Votes): '+point.sum);
             }      
             else if (this.point.toNode.name != null) {
                 return (point.name +'(Receiver Party Votes): '+point.sum);
             };
        }              
}

1 个答案:

答案 0 :(得分:1)

您可以使用column来标识左右节点(fiddle):

tooltip: {
  nodeFormatter: function() {
    if (this.column === 0) {
      return (this.name + ' (Origin Party Votes): ' + this.sum);
    } else if (this.column === 1) {
      return (this.name + ' (Receiver Party Votes): ' + this.sum);
    }
  }
}

如果将console.log(this)作为nodeFormatter函数的第一行,则可以浏览节点上的可用属性。