apache / echarts

Apache ECharts is a powerful, interactive charting and data visualization library for browser
https://echarts.apache.org
Apache License 2.0
60.15k stars 19.6k forks source link

[Bug] dataZoom feature in toolbox doesn't work when set yAxisIndex to contain only part of y axis #19402

Open Annie0222 opened 9 months ago

Annie0222 commented 9 months ago

Version

5.4.3

Link to Minimal Reproduction

https://echarts.apache.org/examples/en/editor.html?code=PYBwLglsB2AEC8sDeAoWszGAGwEbAA8AuZNdWAMwFMBDMAVwCcqTVzyATOmgLSwFtWZdugCeAQQIQAzgEloHKsVgBtAAwBdYeQC-2veh0AaMgUkyh7MKJAtYAcgDGdKgHNgjUfZPsuYGiQq9gCyMN4OACr0VOH2AOpUHLERABb0sQBijBCxAMp0efTQ9lqGPrASUtKBbOTWtiT2AG402NH2ZMZktej1ds2t7eXoIMDSEJAwjdmuKWAdhhrl0lTZVNWq2j2c3IEAjACsakawAEwAzMdnpwAsJ6d7ABwne-cHLzcA7PcAbJrDdRs_WwEGgMX0AO26D8AVUezUV1OiNOL2esFeJy-Jz-S20vSBjRBYO8eIq5jkCiUJD2-jIWh0AG4gA

Steps to Reproduce

I have a chart that has two y axis and I want the data zoom tool only zoom data for the first y axis, so I set yAxisIndex to [0]. When I just enable the dataZoom tool in toolbox and drag an area in chart area, nothing happens. recording-2023-12-14-15-06-45

Current Behavior

Data zoom doesn't work and below error is throwed in the console. image

Expected Behavior

Data zoom works for the first y axis.

Environment

- OS: Windows 10 Enterprise
- Browser: Chrome@120.0.6099.110
- Framework: Angular@14

Any additional comments?

No response

MatthiasMert commented 9 months ago

You need to specify an xAxisIndex. For example 'none' will do.

Annie0222 commented 9 months ago

You need to specify an xAxisIndex. For example 'none' will do.

Thanks for your reply. It do work when xAxisIndex is 'none. But I want to zoom x axis as well. When I set xAxisIndex to 0, the same error is throwed in the console.

helgasoft commented 9 months ago

But I want to zoom x axis as well.

then you'll need a second X axis and use two grids - Demo Code ...it's becoming extra-terrestrial 🛸 👽

image

Annie0222 commented 8 months ago

But I want to zoom x axis as well.

then you'll need a second X axis and use two grids - Demo Code ...it's becoming extra-terrestrial 🛸 👽

image

Thanks for your reply. But datazoom is totally ignored by the first grid in the solution. What I really want to have is some lines are only zoomed on x-axis while other lines are zoomed on both y-axis and x-axis.

helgasoft commented 8 months ago

We could carry on pushing the limits of ECharts, but first we'll require a thorough justification of your use case's value.