echarts x轴拖动实现

小松不是菜奈

于 2022-12-06 11:23:20 发布

阅读量616

点赞数

CC 4.0 BY-SA版权

文章标签： echarts 前端 javascript

本文链接：https://blog.youkuaiyun.com/L_xiaosong/article/details/128199870

本文介绍了一种使用 ECharts 进行数据可视化的配置方法，重点在于如何通过 dataZoom 组件实现数据区间的选择和缩放功能。通过设置 type、show、start、end 等属性，可以实现在图表底部添加滑动条并调整显示数据范围。

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

      mybarOption.dataZoom = [
                        {
                            type: "slider",
                            show: true,
                            start: 0,
                            end: 30,
                            bottom: 5,
                            xAxisIndex: [0],
                        }
                    ],

//mybarOption  是我起得名字