Echarts条形图-是否可以进行侧滚动？

Question

Is there a way to side scroll (I mean, on x axis) eCharts graph bar? I have a huge amount of data that needs to be displayed, so it cannot "fit" only browsers width, because the whole graph will be very hard to read (Every column loses on width).

My echarts version: ^4.0.4

My chart

Answer 1

You can add the attribute called dataZoom inside the object called options then pass this obj to the .setOption.

    dataZoom: [
        {
            show: true,
            start: 94,
            end: 100
        },
        {
            type: 'inside',
            start: 94,
            end: 100
        },
        {
            show: true,
            yAxisIndex: 0,
            filterMode: 'empty',
            width: 30,
            height: '80%',
            showDataShadow: false,
            left: '93%'
        }
    ],

I saw this example but i don't know what you want precisely.

https://ecomfe.github.io/echarts-examples/public/editor.html?c=mix-zoom-on-value

Answer 2

我发现此示例可以为您提供帮助： 带滚动选项的条形图

Answer 3

Here I have referred the open source javascript graph library for your slider chart requirement.

Plotly.js