临汾
乾学院 83 号会员
3,195 浏览  • 
     ...

Echarts 实现内部横向滚动条

 

imagepng
echarts 在展示过程中数据过多导致横轴的数据没法显示全, 一般数据量少的话可以通过拉大单元格让他展示出来, 像这个例子中数据量不确定的话只能把 echarts 做成滚动的了. 在 echarts 的 option 中增加

dataZoom: [
    {
        show: true,
        realtime: true,
        start: 0,
        end: 20
    },
    {
        type: 'inside',
        realtime: true,
        start: 0,
        end: 20
    }
],

imagepng
展示结果:
imagepng