echarts x轴拖动实现

最新推荐文章于 2023-06-13 16:47:09 发布

原创最新推荐文章于 2023-06-13 16:47:09 发布 · 659 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#echarts #前端 #javascript

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

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

//mybarOption  是我起得名字