echarts icon indicating copy to clipboard operation
echarts copied to clipboard

Scrollbar for X axis if the data is large

Open adithya-beo opened this issue 2 years ago • 3 comments

What problem does this feature solve?

Need to show a horizontal scroll bar in bar charts when the amount of data is large

What does the proposed API look like?

xAxis: {

                scrollBar: true
            },

adithya-beo avatar Aug 25 '23 13:08 adithya-beo

You can use dataZoom: [{type: 'slider'}].

Example

MatthiasMert avatar Aug 26 '23 08:08 MatthiasMert

This is not scroll, this is zoom. And while they might look the same, for data visualization purposes they are different.

I have a list of horizontal bar charts that vary in total number from 1 to a couple of thousand. I can not have Zoom, I need a scroll with bars having the same width throughout the data.

johnachek avatar Dec 27 '23 19:12 johnachek

Need to show a horizontal scroll bar in bar charts when the amount of data is large. If my data fits into given size no need to show scroll but if data amount is more than the given size of chart container then I need to show scroll, but please I don't want to use dataZoom feature. I need a scroll with bars having the same width throughout the data.

jain80323 avatar Jun 24 '24 10:06 jain80323

I am waiting for this feature. I need scrollbar like this:

Image

atikcns avatar Jan 21 '25 10:01 atikcns

I've used slider options to have a similar functionality https://stackblitz.com/edit/echart-playground-fqytxzey?file=index.html

AmolSB avatar May 07 '25 06:05 AmolSB