时间戳

首页 > 解决方案 > 当多个条目具有相同名称时绘制 sankey

jquery - 当多个条目具有相同名称时绘制 sankey

问题描述

在从具有相同名称的子节点形成新节点时，我无法从中形成新节点。它不是从子节点形成一个节点，而是从一开始就创建一个新节点我阅读了一些关于名称冲突的文章，但我仍然无法找出解决方案

就我而言，我有两个节点cricket和sports具有相同的子节点others。因此，它应该独立处理具有相同名称的多个条目

Highcharts.chart('container', {

    title: {
        text: ''
    },
    xAxis: {
        type: 'pre-instituion, and trail phase'
    },

    series: [{
        keys: ['from', 'to', 'weight', 'tooltip'],
        data:  [
                ['Apple', 'sports', 34],
                ['sports', 'cricket', 15],
                ['sports', 'footbal', 10],
                ['sports', 'basketball', 1],
                ['sports', 'Others', 1],
                ['cricket', 'sachin', 15],
                ['cricket', 'Others', 15],

                ['Google', 'sports', 24],
                ['sports', 'cricket', 15],
                ['sports', 'footbal', 20],
                ['sports', 'basketball', 1],
                ['sports', 'Others', 1],
                ['Alphabet', 'sports', 24],
                ['sports', 'cricket', 15],
                ['sports', 'footbal', 20],
                ['sports', 'basketball', 1],
                ['sports', 'Others', 1]
              ],
        type: 'sankey'


    }]

});

这是sankey链接

标签： jqueryhighchartssankey-diagram

解决方案

您需要在data和中使用不同的值nodes来以任何方式格式化名称：

series: [{
    nodes: [{
        id: 'Others-l3',
        name: 'Others'
    }],
    ...
}]

现场演示： https ://jsfiddle.net/BlackLabel/oqbtg94k/

API 参考： https ://api.highcharts.com/highcharts/series.sankey.nodes

推荐阅读