echarts入门教程：交互组件dataZoom

最新推荐文章于 2023-08-28 15:37:50 发布

jhfsdhsgfsdggreqZa

最新推荐文章于 2023-08-28 15:37:50 发布

阅读量512

点赞数 1

本文链接：https://blog.csdn.net/weixin_45116096/article/details/107085718

版权

本文是ECharts入门教程，重点讲解交互组件dataZoom的使用。dataZoom组件允许用户通过鼠标滚轮来放大缩小图表，实现数据窗口缩放和平移，提升数据探索体验。

摘要由CSDN通过智能技术生成

ECharts 交互组件
ECharts 提供了很多交互组件：例组件 legend、标题组件 title、视觉映射组件 visualMap、数据区域缩放组件 dataZoom、时间线组件 timeline。
接下来的内容我们将介绍如何使用数据区域缩放组件 dataZoom。
dataZoom
dataZoom 组件可以实现通过鼠标滚轮滚动，放大缩小图表的功能。
默认情况下 dataZoom 控制 x 轴，即对 x 轴进行数据窗口缩放和数据窗口平移操作

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>ECharts 实例</title>
    <!-- 引入 echarts.js -->
    <script src="https://cdn.staticfile.org/echarts/4.3.0/echarts.min.js"></script>
</head>
<body>
    <!-- 为ECharts准备一个具备大小（宽高）的Dom -->
    <div id="main" style=

最低0.47元/天解锁文章

jhfsdhsgfsdggreqZa

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
echarts入门教程：交互组件dataZoom

ECharts 交互组件ECharts 提供了很多交互组件：例组件 legend、标题组件 title、视觉映射组件 visualMap、数据区域缩放组件 dataZoom、时间线组件 timeline。接下来的内容我们将介绍如何使用数据区域缩放组件 dataZoom。dataZoomdataZoom 组件可以实现通过鼠标滚轮滚动，放大缩小图表的功能。默认情况下 dataZoom 控制 x 轴，即对 x 轴进行数据窗口缩放和数据窗口平移操作<!DOCTYPE html><ht
复制链接

扫一扫