apache / apache/echarts

Legend Selector Responsiveness

Open
#12,358 2 comments 0 reactions 0 assignees View on GitHub
bug en
Dominant language
TypeScript
Stars
67.3k
Forks
19.8k
Avg merge
11d 14h
Merged PRs (30d)
8

Description

### Version
4.7.0

### Reproduction link
[https://jsfiddle.net/kc7L9y6s/](https://jsfiddle.net/kc7L9y6s/)

### Steps to reproduce
Just create a chart with a big enough legend to expand multiple lines. And add the set the [legend -> selector option](https://echarts.apache.org/en/option.html#legend.selector) to true.

### What is expected?
I was expecting the legend area to resize properly.

Here you can see a chart legend without the legend selector, that is working as expected.
![ChartWithoutLegendSelector](https://user-images.githubusercontent.com/890368/78021260-90fded00-735b-11ea-836c-1e79cc336710.png)

### What is actually happening?
The legend area is cropped on the left side because it is pushed by the legend selector. And the legend selector is cropped on the right side.

Here you can see a chart legend with the legend selector, with the responsiveness issue.
![ChartwithLegendSelector](https://user-images.githubusercontent.com/890368/78021283-9824fb00-735b-11ea-87a2-f77a068e9fb4.png)

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.