Question

有没有一种方法可以横向滚动（我的意思是，在x轴上）eCharts图形栏？我需要显示大量数据，因此它无法“适应”浏览器的宽度，因为整个图形将很难读取（每一列的宽度都会丢失）。

我的echarts版本：^4.0.4

Answer 1

您可以在名为options的对象内添加名为dataZoom的属性，然后将此obj传递给.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条形图-是否可以进行侧滚动？

3 个答案: