Echarts 条形图 - 是否有横向滚动的可能性？

Question

有没有办法横向滚动（我的意思是，在 x 轴上）eCharts 图形栏？我有大量数据需要显示，所以它不能 "fit" 仅浏览器宽度，因为整个图表将很难阅读（每列都失去宽度）。

我的echarts版本：^4.0.4

My chart

Answer 1

您可以在名为 options 的对象中添加名为 dataZoom 的属性，然后将此对象传递给 .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%'
        }
    ],

我看到了这个例子，但我不知道你到底想要什么。

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

Answer 2

我发现这个例子可以帮助你： Bar Chart with scrolling options

Answer 3

这里我引用了开源 javascript 图形库来满足您的滑块图表要求。

Plotly.js

Echarts 条形图 - 是否有横向滚动的可能性？

Echarts bar graph - Is there a possibility of side scrolling?

javascript

css

echarts