Echarts 横向滚动和纵向滚动开发

最新推荐文章于 2024-05-06 11:24:34 发布

ʚ大可儿ྂɞ

最新推荐文章于 2024-05-06 11:24:34 发布

阅读量435

点赞数

分类专栏： echars 文章标签： echarts 前端 javascript

本文链接：https://blog.csdn.net/weixin_45581997/article/details/126136381

版权

纵向滚动条

 dataZoom: [
                {
                    type: "slider",
                    show: true,//隐藏或显示（true）组件
                    backgroundColor: "rgb(19, 63, 100)", // 组件的背景颜色。
                    fillerColor: "rgb(16, 171, 198)", // 选中范围的填充颜色。
                    borderColor: "rgb(19, 63, 100)", // 边框颜色
                    showDetail: false, //是否显示detail，即拖拽时候显示详细数值信息
                    startValue: 0, // 数据窗口范围的起始数值
                    endValue: 5, // 数据窗口范围的结束数值（一页显示多少条数据）
                    yAxisIndex: [0, 1],//控制哪个轴，如果是 number 表示控制一个轴，如果是 Array 表示控制多个轴。此处控制第二根轴
                    filterMode: "empty",
                    width: 8, //滚动条高度
                    height: "80%", //滚动条显示位置
                    right: 3, // 距离右边
                    handleSize: 0,//控制手柄的尺寸
                    zoomLoxk: true, // 是否锁定选择区域（或叫做数据窗口）的大小