Legend Selector Responsiveness

[MINDoSOFT]

Version

4.7.0

Reproduction link

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 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.

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.

[echarts-bot]

Hi! We've received your issue and please be patient to get responded. 🎉
The average response time is expected to be within one day for weekdays.

In the meanwhile, please make sure that you have posted enough image to demo your request. You may also check out the API and chart option to get the answer.

If you don't get helped for a long time (over a week) or have an urgent question to ask, you may also send an email to dev@echarts.apache.org. Please attach the issue link if it's a technical questions.

If you are interested in the project, you may also subscribe our mail list.

Have a nice day! 🍵

[miracle2017]

add the width , like 95%, it work for me. the code example below:

legend: {
          data: legendData,
          width: '95%',
          selector: ['all', 'inverse']
}