feat(echarts): add data zoom options (start/end/lock) #29421
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
SUMMARY
Add 3 Customization Options for echarts data zoom:
Currently, when Data Zoom is enabled in ECharts, the default start and end values are set to 0 and 100, respectively, which means all data is displayed in a single chart by default. This may not be ideal for high-density data scenarios.
By introducing these customization options, users can set the default data range for data zooming. This can be particularly beneficial for users with high-density data, allowing them to control the default size of the sliding window more effectively.
For example, users can set start to 0 and end to 10, which will display the top 10% of the data by default.
Users can still navigate through the rest of the data range by dragging the data zoom bar.
BEFORE/AFTER SCREENSHOTS OR ANIMATED GIF
Before:
![image](https://private-user-images.githubusercontent.com/157834442/344511579-102f2277-4e5a-4c75-bf56-a4c06b640356.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjExNjA3NjcsIm5iZiI6MTcyMTE2MDQ2NywicGF0aCI6Ii8xNTc4MzQ0NDIvMzQ0NTExNTc5LTEwMmYyMjc3LTRlNWEtNGM3NS1iZjU2LWE0YzA2YjY0MDM1Ni5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzE2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcxNlQyMDA3NDdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT02MDFkZmIyZmI1N2MyYTI5YTk1YzdhYmNjZDVlZmFlZTlkOTJmZGY4MzAxYjZiNzVhNjQ5NTQ4ZDM0Y2QzMWEzJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.jhkicZqheYEGWQVp7izsBphTTd_dUmSIfn3ctBYLgbc)
After:
![image](https://private-user-images.githubusercontent.com/157834442/344511857-d44fe948-5f5b-4042-883d-060fd81ae3b1.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjExNjA3NjcsIm5iZiI6MTcyMTE2MDQ2NywicGF0aCI6Ii8xNTc4MzQ0NDIvMzQ0NTExODU3LWQ0NGZlOTQ4LTVmNWItNDA0Mi04ODNkLTA2MGZkODFhZTNiMS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzE2JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcxNlQyMDA3NDdaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT03NDNhOGRmYWJkZDA5OWQxZTliZGNkYjgyNzhhY2E4OTE4YzA2ZTkwNDAxZGZiNTViMjYwMDVhZDMxOTBiMmFkJlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.8LW_gR9VlbI61FceFCynGIFF0b4mzGx0CEvHM7x8KHA)
TESTING INSTRUCTIONS
ADDITIONAL INFORMATION