Echarts中配置Y轴固定,让内容滚动

最新推荐文章于 2024-09-25 11:26:13 发布

原创最新推荐文章于 2024-09-25 11:26:13 发布 · 6.5k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

本文介绍如何在Echarts中配置Y轴固定，同时实现图表内容的滚动显示，通过dataZoom组件的详细设置，包括type、show、xAxisIndex、start、end和zoomLock等参数的调整，实现灵活的数据展示效果。

Echarts中配置Y轴固定,让内容滚动

dataZoom: [
                 { //Y轴固定,让内容滚动
                        type: 'slider',
                        show: false,
                        xAxisIndex: [0],
                        start: 1,
                        end: 80,//设置X轴刻度之间的间隔(根据数据量来调整)
                        zoomLock: false, //锁定区域禁止缩放(鼠标滚动会缩放,所以禁止)
                    },
                    {
                        type: 'inside',
                        xAxisIndex: [0],
                        start: 1,
                        end: 80,
                        zoomLock: false, //锁定区域禁止缩放
                    },