apache / apache/echarts

[Feature] Zooming across entire axis for both x and y axis

Open
#20,659 1 comment 0 reactions 0 assignees View on GitHub
en new-feature pending
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
11d 14h
Merged PRs (30d)
8

Description

### What problem does this feature solve?

Currently when using the `toolbox.feature.dataZoom` you can either

1) zoom into a subregion

```ts
toolbox: {
feature: {
dataZoom: {
filterMode: "none",
},
},
},
```

https://github.com/user-attachments/assets/1f1eaa80-2b80-4db1-8e53-67f030fee25c

2) Across the entire x axis

```ts
toolbox: {
feature: {
dataZoom: {
yAxisIndex: "none", // <----------------- Y Axis None
filterMode: "none",
},
},
},
```

https://github.com/user-attachments/assets/4653c0cf-53f6-4771-81ac-98ffbd9bfabd

3) Across entire y axis

```ts
toolbox: {
feature: {
dataZoom: {
xAxisIndex: "none", // <----------------- X Axis None
filterMode: "none",
},
},
},
```

https://github.com/user-attachments/assets/3e88ecaf-7cb5-4fd8-a0f4-13e9c6e67c5e

I want to be able to have **both** 2 & 3 and not have 1 or have a dynamic approach to zooming much like how plotly works

Uploading Screen Recording 2025-01-07 at 8.14.03 pm.mov…

This feature is quite important especially for scientifc graphs, the zooming behaviours in ehcarts is not the best.

### What does the proposed API look like?

I am not sure, I think allowing two instances of the dataZoom toolbox seems like the simpler fix, open to knowing if this feature already exists

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.