Python 小技巧 073：Pyecharts 之 Datazoom

zltzlt

Pyecharts 之 Datazoom

Datazoom，顾名思义，是用来对图表进行缩放的。这篇帖子会介绍它的使用方法。

水平的 DataZoom

代码：

1. from pyecharts.faker import Faker
   
2. from pyecharts.charts import Bar
   
3. from pyecharts.options import DataZoomOpts    # 导入 DataZoom
   
4. bar = Bar()
   
5. bar.add_xaxis(Faker.days_attrs)
   
6. bar.add_yaxis("商家 A", Faker.days_values)
   
7. bar.set_global_opts(datazoom_opts=DataZoomOpts())    # 设置 DataZoom，默认是水平的
   
8. bar.render("测试.html")

复制代码

这段代码的第 7 行设置了使用 DataZoom（datazoom_opts=DataZoomOpts()），让我们看看 测试.html 是怎样的：

                               
登录/注册后可看大图

DataZoom 对图表进行了 “缩放”，只展示了部分元素，这样当图表中有再多的数据，使用了 DataZoom 后都不用担心显示拥挤的问题。

垂直的 DataZoom

代码：

1. from pyecharts.faker import Faker
   
2. from pyecharts.charts import Bar
   
3. from pyecharts.options import DataZoomOpts    # 导入 DataZoom
   
4. bar = Bar()
   
5. bar.add_xaxis(Faker.days_attrs)
   
6. bar.add_yaxis("商家 A", Faker.days_values)
   
7. # 设置 DataZoomOpts 的 orient 参数为 "vertical"，表示垂直
   
8. bar.set_global_opts(datazoom_opts=DataZoomOpts(orient="vertical"))
   
9. bar.render("测试.html")

复制代码

测试.html ：



嵌入图表内的 DataZoom

代码：

1. from pyecharts.faker import Faker
   
2. from pyecharts.charts import Bar
   
3. from pyecharts.options import DataZoomOpts    # 导入 DataZoom
   
4. bar = Bar()
   
5. bar.add_xaxis(Faker.days_attrs)
   
6. bar.add_yaxis("商家 A", Faker.days_values)
   
7. # 设置 DataZoomOpts 的 type_ 参数为 "inside"，表示嵌入图表内（默认是水平）
   
8. # 还可以设置 orient 参数为 "vertical" 表示垂直
   
9. bar.set_global_opts(datazoom_opts=DataZoomOpts(type_="inside"))
   
10. bar.render("测试.html")

复制代码

测试.html ：

                               
登录/注册后可看大图

（向上或向下滑动鼠标滚轮调整显示的条形个数）

同时使用多个 DataZoom

同时使用多个 DataZoom 只需要将每个 DataZoom 放进列表中就行了。

代码：

1. from pyecharts.faker import Faker
   
2. from pyecharts.charts import Bar
   
3. from pyecharts.options import DataZoomOpts    # 导入 DataZoom
   
4. bar = Bar()
   
5. bar.add_xaxis(Faker.days_attrs)
   
6. bar.add_yaxis("商家 A", Faker.days_values)
   
7. # 添加垂直和水平的 DataZoom
   
8. bar.set_global_opts(datazoom_opts=[DataZoomOpts(), DataZoomOpts(orient="vertical")])
   
9. bar.render("测试.html")

复制代码

测试.html ：

hyqzzs

向高手学习