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

问题描述 投票:1回答:1

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

例: 左节点:“CVP(Origin Party Votes):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);
             };
        }              
}
highcharts sankey-diagram
1个回答
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函数的第一行,则可以浏览节点上的可用属性。

© www.soinside.com 2019 - 2024. All rights reserved.