Pyecharts 区域缩放

在 Pyecharts 中,我们可以使用 set_global_opts() 方法的 datazoom_opts 参数来对图表进行区域缩放设置。

语法:

obj.set_global_opts(
    datazoom_opts=[opts.DataZoomOpts(pos_bottom='-2%')]
)

说明:

obj 是一个图表对象。参数 pos_bottom 用于定义缩放条的位置,一般我们使用 “-2%” 就可以了。

示例:Pyecharts 设置区域缩放

import pandas as pd
from pyecharts.charts import Line
import pyecharts.options as opts

# 数据
data = [
    ['1月', 450],
    ['2月', 420],
    ['3月', 560],
    ['4月', 480],
    ['5月', 530],
    ['6月', 620],
    ['7月', 600],
    ['8月', 480],
    ['9月', 550],
    ['10月', 670],
    ['11月', 420],
    ['12月', 630]
]
df = pd.DataFrame(data, columns=['月份', '上衣'])

# 绘图
line = Line()
line.add_xaxis(xaxis_data=list(df['月份']))
line.add_yaxis(series_name='上衣', y_axis=list(df['上衣']))
# 添加区域缩放
line.set_global_opts(
    datazoom_opts=[opts.DataZoomOpts(pos_bottom='-2%')]
)

# 渲染
line.render()

运行生成的 render.html,浏览器效果如下图所示。

pyecharts添加区域缩放

分析:

从图中可以看到,折线图下方多了一个滚动条。拖动这个滚动条,可以查看左右两边的数据。在实际开发中,如果坐标轴数据过多时,我们可以使用 “添加区域缩放” 这种方式来清晰地展示更多的数据。

给站长反馈

绿叶网正在不断完善中,小伙伴们如果发现任何问题,还望多多给站长反馈,谢谢!

邮箱:lvyenet@vip.qq.com

「绿叶网」服务号
绿叶网服务号放大
关注服务号,微信也能看教程。
绿叶网服务号