首页 前端知识 echarts图表 的X轴添加滚动条

echarts图表 的X轴添加滚动条

2024-06-07 00:06:47 前端知识 前端哥 313 299 我要收藏

1:原图

2:代码

    dataZoom = [
        {
            orient: 'horizontal',
            show: scoreShow,//控制滚动条显示隐藏
            realtime: true, //拖动滚动条时是否动态的更新图表数据
            height: 5, //滚动条高度
            start: 0, //滚动条开始位置(共6等份)
            end: this.endValue,//滚动条结束位置
            top: '95%',
            bottom: '4%',
            zoomLock: false, //控制面板是否进行缩放
            startValue: 0, // 从头开始。
            endValue: 5,// 一次性展示6个
            showDetail: false, // 关闭滚动条提示
            fillerColor: 'rgba(255, 255, 255,0.5)',
        },
        {
            type: 'inside',
            brushSelect: true,
            start: 0,
            end: 6,
            xAxisIndex: [0],
            moveOnMouseMove: true,//是否只平移不缩放
            zoomLock: true,// 鼠标移动触发窗口平移
            zoomOnMouseWheel: false,//鼠标移动能触发窗口缩放
        },
    ]

3:效果

 

转载请注明出处或者链接地址:https://www.qianduange.cn//article/11164.html
标签
评论
发布的文章

1.10 Unity中的数据存储 JSON

2024-06-13 21:06:30

JSON 数据格式化方法

2024-06-13 21:06:26

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!