Version
5.5.0
Link to Minimal Reproduction
https://echarts.apache.org/examples/zh/editor.html?c=sankey-itemstyle&version=5.5.0
Steps to Reproduce
option = {
tooltip: {
trigger: 'item',
triggerOn: 'mousemove'
},
animation: false,
series: [
{
type: 'sankey',
bottom: '10%',
emphasis: {
focus: 'adjacency'
},
data: [
{
"name": "步骤一",
"value": 1085,
"id": "1",
"mergeIdList": null,
x: 10,
y: 10
},
{
"name": "步骤五",
"value": 192,
"id": "2",
"mergeIdList": null,
},
{
"name": "步骤四",
"value": 184,
"id": "11",
"mergeIdList": null,
},
{
"name": "步骤三",
"value": 176,
"id": "23",
"mergeIdList": null
},
{
"name": "步骤二",
"value": 170,
"id": "5",
"mergeIdList": null
},
{
"name": "步骤四",
"value": 109,
"id": "6",
"mergeIdList": null
},
{
"name": "步骤二",
"value": 101,
"id": "3",
"mergeIdList": null
},
{
"name": "步骤三",
"value": 87,
"id": "12",
"mergeIdList": null
},
{
"name": "步骤五",
"value": 84,
"id": "16",
"mergeIdList": null
},
{
"name": "步骤二",
"value": 67,
"id": "7",
"mergeIdList": null
},
{
"name": "步骤四",
"value": 41,
"id": "27",
"mergeIdList": null
},
{
"name": "步骤三",
"value": 40,
"id": "4",
"mergeIdList": null
},
{
"name": "步骤五",
"value": 38,
"id": "8",
"mergeIdList": null
},
{
"name": "步骤三",
"value": 25,
"id": "13",
"mergeIdList": null
},
{
"name": "步骤五",
"value": 25,
"id": "17",
"mergeIdList": null
},
{
"name": "步骤二",
"value": 16,
"id": "18",
"mergeIdList": null
},
{
"name": "步骤四",
"value": 15,
"id": "9",
"mergeIdList": null
},
{
"name": "步骤四",
"value": 10,
"id": "14",
"mergeIdList": null
},
{
"name": "步骤三",
"value": 9,
"id": "10",
"mergeIdList": null
},
{
"name": "步骤二",
"value": 9,
"id": "24",
"mergeIdList": null
},
{
"name": "步骤五",
"value": 6,
"id": "29",
"mergeIdList": null
},
{
"name": "步骤三",
"value": 9,
"id": "28",
"mergeIdList": null
},
{
"name": "步骤二",
"value": 6,
"id": "15",
"mergeIdList": null
},
{
"name": "步骤四",
"value": 4,
"id": "25",
"mergeIdList": null
},
{
"name": "步骤五",
"value": 1,
"id": "19",
"mergeIdList": null
},
{
"name": "步骤三",
"value": 2,
"id": "20",
"mergeIdList": null
},
{
"name": "步骤四",
"value": 2,
"id": "30",
"mergeIdList": null
},
{
"name": "步骤五",
"value": 1,
"id": "26",
"mergeIdList": null
},
{
"name": "步骤二",
"value": 1,
"id": "31",
"mergeIdList": null
},
{
"name": "步骤四",
"value": 2,
"id": "32",
"mergeIdList": null
},
{
"name": "步骤五",
"value": 1,
"id": "21",
"mergeIdList": null
},
{
"name": "步骤四",
"value": 1,
"id": "22",
"mergeIdList": null
},
{
"name": "步骤五",
"value": 1,
"id": "33",
"mergeIdList": null
},
{
"name": "步骤三",
"value": 1,
"id": "34",
"mergeIdList": null
}
],
links: [
{
"source": "17",
"target": "10",
"value": 9
},
{
"source": "7",
"target": "17",
"value": 25
},
{
"source": "16",
"target": "7",
"value": 67
},
{
"source": "7",
"target": "13",
"value": 25
},
{
"source": "14",
"target": "15",
"value": 6
},
{
"source": "9",
"target": "24",
"value": 9
},
{
"source": "10",
"target": "25",
"value": 4
},
{
"source": "1",
"target": "2",
"value": 192
},
{
"source": "23",
"target": "6",
"value": 109
},
{
"source": "25",
"target": "26",
"value": 1
},
{
"source": "16",
"target": "27",
"value": 41
},
{
"source": "18",
"target": "29",
"value": 6
},
{
"source": "20",
"target": "32",
"value": 2
},
{
"source": "5",
"target": "12",
"value": 87
},
{
"source": "23",
"target": "16",
"value": 84
},
{
"source": "12",
"target": "27",
"value": 41
},
{
"source": "7",
"target": "9",
"value": 15
},
{
"source": "24",
"target": "25",
"value": 4
},
{
"source": "3",
"target": "4",
"value": 40
},
{
"source": "21",
"target": "22",
"value": 1
},
{
"source": "24",
"target": "28",
"value": 9
},
{
"source": "32",
"target": "33",
"value": 1
},
{
"source": "6",
"target": "8",
"value": 38
},
{
"source": "10",
"target": "15",
"value": 6
},
{
"source": "17",
"target": "14",
"value": 10
},
{
"source": "12",
"target": "7",
"value": 67
},
{
"source": "1",
"target": "11",
"value": 184
},
{
"source": "2",
"target": "6",
"value": 109
},
{
"source": "10",
"target": "19",
"value": 1
},
{
"source": "17",
"target": "24",
"value": 9
},
{
"source": "13",
"target": "14",
"value": 10
},
{
"source": "27",
"target": "13",
"value": 25
},
{
"source": "13",
"target": "24",
"value": 9
},
{
"source": "8",
"target": "13",
"value": 25
},
{
"source": "11",
"target": "3",
"value": 101
},
{
"source": "9",
"target": "29",
"value": 6
},
{
"source": "29",
"target": "28",
"value": 9
},
{
"source": "27",
"target": "17",
"value": 25
},
{
"source": "18",
"target": "10",
"value": 9
},
{
"source": "23",
"target": "3",
"value": 101
},
{
"source": "11",
"target": "12",
"value": 87
},
{
"source": "12",
"target": "8",
"value": 38
},
{
"source": "3",
"target": "27",
"value": 41
},
{
"source": "2",
"target": "3",
"value": 101
},
{
"source": "1",
"target": "5",
"value": 170
},
{
"source": "4",
"target": "17",
"value": 25
},
{
"source": "6",
"target": "4",
"value": 40
},
{
"source": "5",
"target": "16",
"value": 84
},
{
"source": "18",
"target": "14",
"value": 10
},
{
"source": "8",
"target": "9",
"value": 15
},
{
"source": "28",
"target": "31",
"value": 1
},
{
"source": "33",
"target": "34",
"value": 1
},
{
"source": "5",
"target": "6",
"value": 109
},
{
"source": "29",
"target": "15",
"value": 6
},
{
"source": "16",
"target": "4",
"value": 40
},
{
"source": "20",
"target": "21",
"value": 1
},
{
"source": "27",
"target": "18",
"value": 16
},
{
"source": "9",
"target": "10",
"value": 9
},
{
"source": "8",
"target": "18",
"value": 16
},
{
"source": "4",
"target": "9",
"value": 15
},
{
"source": "2",
"target": "12",
"value": 87
},
{
"source": "19",
"target": "20",
"value": 2
},
{
"source": "28",
"target": "30",
"value": 2
},
{
"source": "6",
"target": "7",
"value": 67
},
{
"source": "4",
"target": "18",
"value": 16
},
{
"source": "13",
"target": "29",
"value": 6
},
{
"source": "1",
"target": "23",
"value": 176
},
{
"source": "11",
"target": "16",
"value": 84
},
{
"source": "3",
"target": "8",
"value": 38
},
{
"source": "31",
"target": "32",
"value": 2
},
{
"source": "15",
"target": "20",
"value": 2
},
{
"source": "14",
"target": "28",
"value": 9
}
],
label: {
normal: {
show: true, // 显示标签
position: '', // 标签位置
formatter: function(node) {
// 自定义标签内容
return node.data.name +'\n' + node.data.value;
}
}
},
layoutIterations: 0,
nodeGap: 42,
lineStyle: {
color: 'source',
curveness: 0.5
}
}]
};
Current Behavior
Expected Behavior
Environment
- OS:
- Browser:
- Framework:Any additional comments?
No response
3条答案
按热度按时间gojuced71#
@liwenming0808 It seems you are not using English, I've helped translate the content automatically. To make your issue understood by more people and get helped, we'd like to suggest using English next time. 🤗
TRANSLATED
TITLE
Sankey charts set layoutIterations: 0 and there is still a problem with sorting
mjqavswn2#
Please make the demo data minimal.
wlwcrazw3#
Maybe this is the result you want. Looking at the official documentation, we can know that there are node-related configurations in the Sankey diagram.
Therefore, you may need to set the depth of the node.The result is shown in the figure