【Pyecharts-学习笔记系列之DataZoom的高度设置】

DataZoom的高度设置

方法一

from pyecharts import options as opts
from pyecharts.charts import Bar
from pyecharts.faker import Faker

c = (
    Bar()
    .add_xaxis(Faker.days_attrs)
    .add_yaxis("商家A", Faker.days_values)
    .set_global_opts(
        title_opts=opts.TitleOpts(title="Bar-DataZoom（slider-水平）"),
        datazoom_opts=opts.DataZoomOpts(),
    )
    .render("bar_datazoom_slider.html")
)

def alter(file,old_str,new_str):
    file_data = ""
    with open(file, "r", encoding="utf-8") as f:
        for line in f:
            if old_str in line:
                line = line.replace(old_str,new_str)
            file_data += line
    with open(file,"w",encoding="utf-8") as f:
        f.write(file_data)

old_str = ' "dataZoom": {'
new_str = ' "dataZoom": {"height":10,' # 设置DataZoom的高度

file1 = r".\bar_datazoom_slider.html"

alter(file1, old_str, new_str)

结果展示如下：

方法二

from pyecharts import options as opts
from pyecharts.charts import Bar
from pyecharts.faker import Faker
import os

c = (
    Bar(init_opts=opts.InitOpts(height = "400px" , width = "500px",))
    .add_xaxis(Faker.days_attrs)
    .add_yaxis("商家A", Faker.days_values)
    .set_global_opts(
        title_opts=opts.TitleOpts(title="Bar-DataZoom（slider-水平）"),
        datazoom_opts=opts.DataZoomOpts(pos_top=370,
                                        pos_bottom = 20, # pos_top、pos_bottom两者和与height的差值即为datazoom高度
                                        ),
    )
    .render("bar_datazoom_slider.html")
)
os.system("bar_datazoom_slider.html")