echarts柱状图实现纵向滚动,不缩放

dataZoom:[
    {
        type: 'slider',
        maxValueSpan:5,//显示数据的条数(默认显示10个)
        show: true,
        yAxisIndex: [0],
        left: '93%', //滑动条位置
        start:100,//默认为0
        end: 70,//默认为100
        orient:"vertical",
        filterMode: 'empty',
        zoomLock:true,
    },
    {
        type: 'inside', //内置滑动,随鼠标滚轮展示
        yAxisIndex: [0],
        start: 1,//初始化时,滑动条宽度开始标度
        end: 100, //初始化时,滑动条宽度结束标度
        zoomOnMouseWheel:false, //如何触发缩放。可选值为:true:表示不按任何功能键,鼠标滚轮能触发缩放。false:表示鼠标滚轮不能触发缩放。'shift':表示按住 shift 和鼠标滚轮能触发缩放。'ctrl':表示按住 ctrl 和鼠标滚轮能触发缩放。'alt':表示按住 alt 和鼠标滚轮能触发缩放。。
        moveOnMouseMove:true,
        moveOnMouseWheel:true,//鼠标滚轮实现移动
    }
]
本文来自转载,文章内容不代表随笔博客立场。
原文链接:echarts柱状图实现纵向滚动,不缩放
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
(0)
上一篇 2023年 7月 21日 下午7:29
下一篇 2023年 11月 3日 上午10:42

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

联系我们

在线咨询: QQ交谈

邮件:jctestxcx@163.com

关注微信