Highchart sankey- 独立显示多个具有相同名称的条目

Question

我有一个要求，如果是

这样的例子

我希望两个r1在各自的轴上独立出现即

我想要类似的东西

l1 - r1 

l3 - r1 

l2 - r2

r1 - r3

即 2 个 r1 应该独立存在于正确的一侧，即“from”和“to”侧，具体取决于它们在数据数组中的位置，例如具有键 ['from' ,'to', 'weight'

我不想

L1 - r1 - r3

Answer 1

在 data 对象中使用不同的值，然后使用 nodes 对象使它们的名称（以及可选的颜色）相同。

Highcharts.chart('container', {

  title: {
    text: 'Highcharts Sankey Diagram'
  },

  series: [{
    keys: ['from', 'to', 'weight', 'id'],
    data: [{
        from: 'L1',
        to: 'R1',
        weight: 5
      },
      {
        from: 'L3',
        to: 'R1',
        weight: 1
      },
      {
        from: 'L2',
        to: 'R2',
        weight: 1
      },
      {
        from: 'L4',
        to: 'R3',
        weight: 1
      },
    ],
    nodes: [{
        id: 'L4',
        name: 'R1',
        color: '#000'
      },
      {
        id: 'R1',
        name: 'R1',
        color: '#000'
      }
    ],
    type: 'sankey',
    name: 'Sankey demo series'
  }]

});

https://jsfiddle.net/kLx2n7mz/12/

请注意，如果您不想确保它们具有相同的颜色，则不需要在 nodes 对象中包含 id:'R1'。

Highchart sankey- 独立显示多个具有相同名称的条目

Highchart sankey- Show multiple entries having same name independently

highcharts

sankey-diagram