echarts 下标数据过多时,出现滚动条

最新推荐文章于 2025-06-17 15:29:06 发布

巷陌540

最新推荐文章于 2025-06-17 15:29:06 发布

阅读量633

点赞数 1

CC 4.0 BY-SA版权

文章标签： echarts 前端

本文链接：https://blog.youkuaiyun.com/WF_devil/article/details/128242125

本文介绍如何在 ECharts 中使用 dataZoom 组件来实现数据的缩放和平移功能。通过配置 dataZoom，可以方便地为图表添加交互式的滑动条，允许用户自定义数据的显示范围。具体配置包括滑动条的显示方式、类型以及起始和结束值等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

把这个dataZoom加上就行了,放置位置没有要求.

        dataZoom: [
          //滑动条
          {
            xAxisIndex: 0, //这里是从X轴的0刻度开始
            show: true, //是否显示滑动条，不影响使用
            type: "slider", // 这个 dataZoom 组件是 slider 型 dataZoom 组件
            startValue: 0, // 从头开始。
            endValue: 15, // 一次性展示6个。
          },
        ],