[Bug] The tree setOption causes line retention

Open

#18,448 opened on Mar 30, 2023 11 comments 0 reactions 0 assignees View on GitHub

bug difficulty: easy topic: tree

Dominant language: TypeScript
Stars: 67.3k
Forks: 19.8k
Avg merge: 11d 14h
Merged PRs (30d): 8

Description

### Version

5.4.2

### Link to Minimal Reproduction

_No response_

### Steps to Reproduce

https://echarts.apache.org/examples/zh/editor.html?c=tree-polyline&code=MYewdgzgLgBAJgQygmBeGBvAUDGYEC2ApgFwwDkAZgDYIBOR5ANDjMABYCW1cDYZAbVa5suMXkKkKiZM2FiO3XkX4wh48aI3j8xMuVBgAbkTpRTEOdvGKefQfOuYJeigGFwJsxeYwjCagBXKQB2ACYARhgAXxYnTRcpcgARImpOAk5zOAAVIgAPKA9jU3M6X38gqQAWMIBOapjHDQBdZtxY9swu3F0k5KQEAFUobit4yuCyAGZpsLCu6Oa28U7NZr79OE4IAAdaAE9xmy47FQcnDET9ZM4zA4BlXbosxiY_AKmYAA5v2Zi4tYrpsKAAZThgIhPF7mCqfKQREJzAFdYGSfQAJSIwCg0NecKqMwAbGFpk1tCsxGsxFodOiKDQCscFKdlKoBGjXOQAGK0BgANR2BK-1QiESJMUpHUBIg29PIAEdgnQjjKWUp7GpUdcKABBADm-oY-qQRAAovlnkQIBBOOBhQiieKUZcdeRdWA4A6yBEAAxhEIuoFu3Uw9jEUbAb0wabfOpRanaTlJXVeBD6t4fQk_eNBpNugBCEPoBwtVptdrA0bCcbJiY0yf0HgIu3oO3t70mUgArH662qEiDyM3diBbeYywwKx2s19pkSQoH64P5R5AmAoNGQt8EwOaW6BuYRmNO_CyKLRXmGwedqMwDjo3V_sv90PJ9bbTOu2Re9NfVeVy5d9pzAABJMokBAcpT2zedEQA195W5KsYLnMJqn_F8RDdUDKGrJEwgQ7Ch1AiBdWrX1pjqIjnCHcEIOoaMIkiRosNo-UAFkkA4aNphCapvhoxsKC4_IMkCAho2-ap-1RHo3QjdgQDgSw9xODVzi1eJEK5BA4C9VCeyfGjAKSBBPV4v8TJ0sy0wzatviXNTryHUB103QyyADJz5OI-VtmgCEH08mB6kItjTK2TgjGjbs6m7ay_K5IgFVihpEvYrlKBQ2caiJTDnMiih9Q83KyHy2TtKSpISszb8YBJBKIps_ROEoPCQv4wTmuq1qIAQaNqidDLhPIahSvquKfKqzKknGuqzwaiJqJ62b9AIBB8gcyqqtGzIcvqmsdu0vblLS3dfLWigCECRiQoqka3UhVKQrilbCpaigwBACbFtjCVVtGqDeNJR6hyguBTAAI1VMqY19abdrdOhzPszrwjB-UIDSbFfuzeoAY-3qKGgfSiBikL52O-JRogQIoejfKCsu2mJIc5mZtGwJdhkBbYIRzGuX8F5zOAPm52mJqiau8gAHd2FMcWpHqd6WbdfJgcp7tWOl0b8gAfS2kKwiJVj5KlDQ2NGjiIXEySQuk6mivIAA5H6mO7bWhLdAB5aC4bqEIOeDIcAEVlVh-qIljOpCe1IcMVRpWfTinX4_lB4oBeMB9WPO64dFKyrbdB42c63Ni6Hfk2wQKHqGTmAxXQ72q5r-8G4iRy49dIcAA1NbhsVfQTZZ5HrWkxCHCBgACN5mlsNkLhD-VQIeGf6643Zqz9KX065cFIXoNfZ6Y6ZnUr-VQRAfVj_r3iIl7Fv5T97Z8GoW-G74oOn65cPzNGeuH9qwyV3j3eUf8NxZCQNFKE68G4CSoj_JIGIQA_SASFRE3Zu7Ly5OgguJturOVGh_HIBxdgd2-JEJB-gcgZFgSfV6fw6yj1WKwNo0QADcWAsDCxgOYaAh4UDoCEBPAARH0URZBRE0HoEQURapRELz4JIrSQJLriMkCo0RMgEDyPUUolQKj1AzRpJdJwGjiBaMMF4MoEA9EmOsIo1kyil4OMuGYtxFi5FSNSOkTI2Q8iFGKDY0w9i3EzVEV2FRtQGjS3CaIiEkN8gAGkiAHC0b6AAdFkrJEQwnhO0qI_W7AEAQDcM4wxZBKABGxnEzxJSIAcSgt4mA1TqDYw8dpJYBSxAtDqdoBJnoCipPSVInJ2T8kFKKQ08pGkwAqKzsEfpGhRENKaQwBZdBgidPJFVPp6jEnDLSRkiZ0tpmlNmWceZZBFlEDOWs5pmztlOCtuoiRUiAr7AQOks5BjrmqIcRPeJ7yYCiN8RkV4uQChFE8KUUJyzxCRPhCorBJsEViEGUkkZJyIiZOmJM-JxSLkVP-W02pOzEUPI2VUmpRAdndL2Wcw5KTjljMyXks5RKykkqeXc9RVKWm3MWEQt5mipGMnyASxxfyjH7Iicy7FbKwhSoGVyy5bJeX3NKeswVWy6UvJFREkFoilSmB-fonlriTFAs8cag0RoiAmgnJaKcn55notwEiqoKjxTig9aChVrLQVZOmKcilGK1WWtabS_1qztWPJpe0_VbjVrrB6Z6u1noVUmK9cEH1_oQixsDaM4NeL2XZoiZGuZKiyV8vTaCgVNbaX0sunKqqmKjkltESGitEaZlRtuVqxpCbo1JuFXJI1YrQXT1nr2z1MrBBtsKcWk51Q52gqrVczV_L43Ur4XqxY8gl0BqGSyrtvpJnnO5dWm5eqFGNsTR0zoYjjUyI2QohdAKGyissR8wY66nE3q_ZzcNGap2KNhd4OgdjY2fuMfW2UCHHHGvBf4ogUKgmQbKOu-JUTzz1GqP68xK62XjI5aB-IV71UuNHeSpDAyH20eTUhhlPTj3xJI6WnJOHHGbo1bepZFG43Dr3UK8JrH4jsccZx7tYbK39qA4OndIndXPOsK8ydv7QWfMOABuDOybUOK8Vo1DkLAkwpKFBnjAy8MwFRUSItp7FWltxfi2NfGaO1tjYx2tLaZpSYGTJ3JAGPOVP3YJiJjGxPqcNe2199dJW_KjQIALKyguZOVZyhTW6BN1vbVFg9BqJ1xfA6alUenkupcReltz6jQv_KU5F3dqnmOW1i4U41M764VaAylplTmg2ybXVl4lim73KZ1byw94hj0drPRky99Xt2Uua02sdSwWhcKwPwqAgjMmUCgmaBAHAAAUJ2dHvGZQASjQAAPm6NjKAtDiAgECFAM7N3UD3ewCAXYoxwCZOxi8a0AhfQtEyTotAagdGbawAQA45T6BQEB0QKAPs_uVhO79_7YArtcNiDAE7zKYAAGpG43YAFSN19DTvHWBoh06wNjysUOtBQFQeNTguwyATyzpwQ0phWrmHtvIPnAu6A-1UOQAgr3sYy5MOQVg1IgecGtFam1UAyFJCzkQOe2hOBwDIL6PcQ4ddEAiMyXAOibnWl24MPc7PucUD9AAUktzAeulAoD6G-G7vcUMfrs4IPoeYfvmgvH1Owb3FAwi-jD9oCABwCAB_fpwAAXqEPc6GMwPBKeQ_Qo5qAHHSJCd32eiDciggAawAApjiyJWfQRJpjx40LbUYAQcgMCIKkP77AZh7hL1CTX9ceddFlgbqA_fQrNBfLQKGaQx9OChsdqvRpXueg8NQKC-gADE7UOpdFHOORvFBPceS6DYzg69dTpH1FLzI-k77OQCPzqXEeo-K-0HPogCATAQCX2sHn0X26G0mPwb3AH0A_wv20ivxvzvwfwNzgGf3klf3v30HPy_3U1nyzxbAaR2EAO0AO2AECAAOkGtDFk9H_iwNWCz0tHMjgA9DgC31oF2Gxlyz3HMgyGgXAGSECBRhxx_G7GN2aC4I2hxz4IEMrCGB5lNDIBCGELHjYXpw4SAA

### Current Behavior

![image](https://user-images.githubusercontent.com/35675081/228717035-03bf0491-630b-4f04-b146-bfa559c0db49.png)

var testData = [
{
"name": "flare",
"children": [
{
"name": "data",
"children": [
{
"name": "converters",
"children": [
{
"name": "DelimitedTextConverter",
"value": 4294,
"indexKey": "0.0.0.1",
"_hasChildren": false,
"hasMore": false
}
],
"indexKey": "0.0.0",
"_hasChildren": true,
"hasMore": true
}
],
"indexKey": "0.0",
"_hasChildren": true,
"hasMore": true
},
{
"name": "display",
"children": [
{
"name": "DelimitedTextConverter",
"value": 5626,
"indexKey": "0.1.3",
"_hasChildren": false,
"hasMore": false
}
],
"indexKey": "0.1",
"_hasChildren": true,
"hasMore": true
},
{
"name": "flex",
"children": [],
"indexKey": "0.2",
"_hasChildren": true,
"hasMore": true
},
{
"name": "query",
"children": [
{
"name": "AggregateExpression",
"value": 1616,
"indexKey": "0.3.0",
"_hasChildren": false,
"hasMore": false
},
{
"name": "And",
"value": 1027,
"indexKey": "0.3.1",
"_hasChildren": false,
"hasMore": false
}
],
"indexKey": "0.3",
"_hasChildren": true,
"hasMore": false
},
{
"name": "scale",
"children": [],
"indexKey": "0.4",
"_hasChildren": true,
"hasMore": true
}
],
"indexKey": "0",
"_hasChildren": true,
"hasMore": false
},
{
"name": "flare",
"children": [
{
"name": "data",
"children": [
{
"name": "converters",
"children": [
{
"name": "DelimitedTextConverter",
"value": 4294,
"indexKey": "0.0.0.1",
"_hasChildren": false,
"hasMore": false
}
],
"indexKey": "0.0.0",
"_hasChildren": true,
"hasMore": true
}
],
"indexKey": "0.0",
"_hasChildren": true,
"hasMore": true
},
{
"name": "display",
"children": [
{
"name": "DelimitedTextConverter",
"value": 5626,
"indexKey": "0.1.3",
"_hasChildren": false,
"hasMore": false
}
],
"indexKey": "0.1",
"_hasChildren": true,
"hasMore": true
},
{
"name": "flex",
"children": [],
"indexKey": "0.2",
"_hasChildren": true,
"hasMore": true
},
{
"name": "query",
"children": [],
"indexKey": "0.3",
"_hasChildren": true,
"hasMore": true
},
{
"name": "scale",
"children": [],
"indexKey": "0.4",
"_hasChildren": true,
"hasMore": true
}
],
"indexKey": "0",
"_hasChildren": true,
"hasMore": false
}
];

testData.forEach((data, index) => {
setTimeout(() => {
option.series[0].data = [data];
myChart.setOption(option);
}, (index + 1) * 1000);
});

### Expected Behavior

![image](https://user-images.githubusercontent.com/35675081/228717263-7e17aa2a-7ea5-4c80-b1a6-439f3e7b7ed8.png)

### Environment

```markdown
- OS:
- Browser:
- Framework:
```

### Any additional comments?

_No response_

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

[Bug] The tree setOption causes line retention

Description

Contributor guide

Assessment

Get new issues in your inbox