apache / apache/echarts

[Bug] drilldown chart problems with specific data in datasets

Open
#18,197 3 comments 1 reaction 0 assignees View on GitHub
bug en topic: bar
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
11d 14h
Merged PRs (30d)
8

Description

### Version

5.4.1

### Link to Minimal Reproduction

[all dataset](https://echarts.apache.org/examples/en/editor.html?c=bar-drilldown&code=PTAEBMEMBdIZwKbVAaggJwJYBtsFopZFkA3BdOTAewDsAoKgB2mptAF5QBvO0UADwCC_THABc3UNACejBBIDkAYxgIA5lXTSFoAL4AaXqGnDRErgaOF4SCQG0efPnCoBXdEvmg7Rp94UkkNiuCAr6oApq6G6MAJLgCgC6hn58dgCs4QqQNJgAtkFwSSmpdgBMWQBm6K6Y0EXJvk52ACxZKhTFTYlGuo18OfkwrAAi7sO0AKqMhF7pAAzzJYhYCOLcTTJyigBGkOhhTZjginBBa4d-CDRKVOBeXPxiAIzh0mJLoHUIeQDi0a44icIlEYvEFJY_LdsJoAELvCLWS5OVy5MgUIIAFXQOUoLFo5iafGukB22AQwOgNQQJT84EwJGOCAAygALSDbCJKGE0UJNXS9Oi6ADcdDotxocGQ4CwuBGMBsyE4DiMLncnnsTTskQBQLCEUCwVCWWs_zBCX6zQUAGEYEVwm0IoMCtgGrT_CMqGp7aAKk7ci63VqbVQAO4-17-oaurp-bVshAIRj6v3ZAOFWNWgAKmG9-sjaejQbjCkEjEY5J9joU1Vq9UzaQUAHkcTQ1Bdwqna3Vi1bMVRpFRYPrqx1e42m3JsCn2vtx_4xyPR3Pik4QKBIOB7uBgwA1KjYADWcFDkHbNBnXJXPT4PUsjlAACIqbjKpo8o_CX5n7IEJ-n5UODQOQj7uo-EqAWo_4Pt-9J5NclC0P-j6mrq8SgUST7sMhAAygiPvygp9KKdB5NI1rsug0AAHS0AAFMo2CYEoh76pUqJKPibB0QgZA0NAACUGx8JglSgDxfE0TQkDwUJMEYDg2DykQSB2HYzyJIk1EvpKb7oHk1EQbmdgAAbsCZiQcKAvHXFJMkIKKfhkRR-w0cQk5cXR8l8EIIjrFwUi_ooKjARoWg6JCqTWMQEgyopymKu6zjkJgaxfqkfBbF4Ch7AcSVOMcpznPamF8NFSCxDQ9xPKAryldZNx3A8TyfO8kbfH8aHAgoqHmhC-V8KiDLkGc2DYridSsOlGXEtJZIUhIVIhANTj0oy9xshy2XcrQfIzXomGRX4UQcqyzGavt3mpFlijAfw0DIvt5KVNAEgLCtmVMBIZRLPVzgyOS037VICD3YosKQCxj3A2-_HMpgABeXjPAAHH9egfaAtDcsxh4SOxNxceJcno3wzmUW5SAeawdFMFx-hLQgAnCqAIDhFw6BJtgkMIAAsuQ7anClFy6Mz6MCvtEupDeTii45B1y0AA)

### Steps to Reproduce

two code examples

- [all dataset](https://echarts.apache.org/examples/en/editor.html?c=bar-drilldown&code=PTAEBMEMBdIZwKbVAaggJwJYBtsFopZFkA3BdOTAewDsAoKgB2mptAF5QBvO0UADwCC_THABc3UNACejBBIDkAYxgIA5lXTSFoAL4AaXqGnDRErgaOF4SCQG0efPnCoBXdEvmg7Rp94UkkNiuCAr6oApq6G6MAJLgCgC6hn58dgCs4QqQNJgAtkFwSSmpdgBMWQBm6K6Y0EXJvk52ACxZKhTFTYlGuo18OfkwrAAi7sO0AKqMhF7pAAzzJYhYCOLcTTJyigBGkOhhTZjginBBa4d-CDRKVOBeXPxiAIzh0mJLoHUIeQDi0a44icIlEYvEFJY_LdsJoAELvCLWS5OVy5MgUIIAFXQOUoLFo5iafGukB22AQwOgNQQJT84EwJGOCAAygALSDbCJKGE0UJNXS9Oi6ADcdDotxocGQ4CwuBGMBsyE4DiMLncnnsTTskQBQLCEUCwVCWWs_zBCX6zQUAGEYEVwm0IoMCtgGrT_CMqGp7aAKk7ci63VqbVQAO4-17-oaurp-bVshAIRj6v3ZAOFWNWgAKmG9-sjaejQbjCkEjEY5J9joU1Vq9UzaQUAHkcTQ1Bdwqna3Vi1bMVRpFRYPrqx1e42m3JsCn2vtx_4xyPR3Pik4QKBIOB7uBgwA1KjYADWcFDkHbNBnXJXPT4PUsjlAACIqbjKpo8o_CX5n7IEJ-n5UODQOQj7uo-EqAWo_4Pt-9J5NclC0P-j6mrq8SgUST7sMhAAygiPvygp9KKdB5NI1rsug0AAHS0AAFMo2CYEoh76pUqJKPibB0QgZA0NAACUGx8JglSgDxfE0TQkDwUJMEYDg2DykQSB2HYzyJIk1EvpKb7oHk1EQbmdgAAbsCZiQcKAvHXFJMkIKKfhkRR-w0cQk5cXR8l8EIIjrFwUi_ooKjARoWg6JCqTWMQEgyopymKu6zjkJgaxfqkfBbF4Ch7AcSVOMcpznPamF8NFSCxDQ9xPKAryldZNx3A8TyfO8kbfH8aHAgoqHmhC-V8KiDLkGc2DYridSsOlGXEtJZIUhIVIhANTj0oy9xshy2XcrQfIzXomGRX4UQcqyzGavt3mpFlijAfw0DIvt5KVNAEgLCtmVMBIZRLPVzgyOS037VICD3YosKQCxj3A2-_HMpgABeXjPAAHH9egfaAtDcsxh4SOxNxceJcno3wzmUW5SAeawdFMFx-hLQgAnCqAIDhFw6BJtgkMIAAsuQ7anClFy6Mz6MCvtEupDeTii45B1y0AA)

- [dataset + drill series.data](https://echarts.apache.org/examples/en/editor.html?c=bar-drilldown&code=PTAEBMEMBdIZwKbVAaggJwJYBtukVgnAHRSygBuC6cmA9gHYBQdADtPQ6ALygDeTUKAAeAQWGY4ALn6hoAT1YIZAcgDGMBAHM66eStABfADSDQ88ZJl8TZsvCQyA2gKFC4dAK7o1y0E7M3fxUKSGxPBBVjUBUtdC9WAElwFQBdUyChJwBWaJVIBkwAWzC4NIzMpwAmPIAzdE9MaDL0wLcnABY8jRpyttSzQ1ahAuKYTgARb3HGAFVWMj9sgAZlioJMIms2hSVVACNIdCi2zHBVODCiE6CEBjU6cD8-YSkARmj5KTXQJoQigDi8U8SXOMTiCWSKlsQQe2F0ACEvjF7Dc3J5ClQaGEACroAq0DiMbaZUB3SD7bAIMHQBoICpBcCYChnBAAZQAFpA9jE1PCGJE2oZBkxDABuJgPBhwZDgLC4cB0ADuDAmMEgPH8ZlcbnsQMhYPyhRK2DKDIg6ucbSyKgAwjAzaAOsNKioJnQtI6qi6gk47crHW8fe0VJyEAhWFFQN7zTaAAqYT1RoP9QYVHVCPXA0GqeqNZpozOWrWkv2iVisKmO52x4IAeXxDC012i3tTQhh_DaWYNqh6Zu7xYCpZUOLo8josCjNet9aU2CjMdnfv7i5jbhAoEg4Ce4GXKgAanRsABrOBKyDNhiLgZBW9GJipCVMIryW1c9DQYiMAAU6mwmBqCeUa1BiahElwP4IFQDDQAAlF2QiYLUoBQTBX72AhGaUEc-CePsarkLwco4NgioqoRkDELUmAMOAP6gfcEGoZhiGZOgSDeFw9ikOq-ogskPDcLw0F3F-DCQEUCBiqAIA8RCAngBKQSGHByluMhqEAIRwPhlFYbOHHQFx6kdm0r7vkcX6INAdbsJwP7YUIYgSNIbGkvYMi6QR6q8bAxAlKwDFgcxP5_EUBmkkERlcb80D_E4yxPrOHZwbOnZBBsWzuZkux-CohzHLWSGGpcVaFpkPaKV5em-VVoLFRasA1T5_k8YFwVMZwqHhZFUVCDF6BcOFThBqZmSqY1GLMtQZV4gSTScCS_VkhJlLUjItIRI1mbMqynLcvlfKMIK_XCqSGVuHE3IcoBVr9U5uWKPl8XCNAFWklStTQDIKw7XIbAyFUawpW4MryFSy0rXICBvaoCKQEBH1RbUjDQGymAAF5-G8AAcoMdv9jB8oBJ4yIx4HdT-fXQ5uCNARAdBEKADCTqASq6Ce7NNByXjIBxlaI7RWioVtCAIQA_FpBNuBZH7WUgdkQT-bAQdEYtqTL51Rdrd5CprZmqWKQA)

### Current Behavior

Stumbled on this by doing state-to-county drilldown. Turns out the US **states** of Arkansas, Hawaii, Oklahoma have **counties** with the same names.
To replicate I updated the [ECharts example](https://echarts.apache.org/examples/en/editor.html?c=bar-drilldown) by adding an extra record in **cars**.
1) click on the _cars_ bar: the actual drilldown works fine, except the **morphing** is not right - _cars_ clones to _cars_ only instead of cloning to all (Toyota,Opel,cars,Volkswagen).
2) press the Back button to return to the higher level bars. A more serious problem appears - the _cars_ bar is **misplaced**. Looks like the lower-level bar stays and do not get replaced. Resizing the chart fixes it.
![image](https://user-images.githubusercontent.com/13038071/213638000-bfd2746b-3862-45e3-95e4-8a2cf82c7295.png)

### Expected Behavior

being able to use any data, even identical rows in both high level and lower level **datasets** for drilldown with correct display

### Environment

```markdown
- OS: win 10
- Browser: chrome
- Framework: none
```

### Any additional comments?

The bug is observed when the higher level data is in **dataset** only, _series.data_ is not affected (as in [original example](https://echarts.apache.org/examples/en/editor.html?c=bar-drilldown))

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.