求带双Y轴(不同范围)的折线图完整代码示例
Taipy 双Y轴折线图完整可运行示例
以下是完整可直接运行的Taipy双Y轴折线图代码,包含两个不同范围的Y轴配置:
from taipy.gui import Gui, Markdown import pandas as pd import numpy as np # 生成示例数据 x = np.arange(1, 11) # Y轴1数据集:范围0-100 y1 = np.random.randint(20, 80, size=10) # Y轴2数据集:范围0-1000 y2 = np.random.randint(200, 800, size=10) # 整理为DataFrame格式 data = pd.DataFrame({ "X轴": x, "系列1(Y轴1)": y1, "系列2(Y轴2)": y2 }) # 定义页面内容 page = Markdown(""" # 双Y轴折线图对比 <|{data}|chart|type=line|x=X轴|y[1]=系列1(Y轴1)|y[2]=系列2(Y轴2)| yaxis[2]=[{"side": "right", "title": {"text": "Y轴2(范围0-1000)"}, "range": [0, 1000]}]| layout={"title": "不同范围Y轴折线图", "yaxis": {"title": {"text": "Y轴1(范围0-100)"}, "range": [0, 100]}}|> """) # 启动Taipy GUI if __name__ == "__main__": Gui(page).run()
关键配置说明
- 数据绑定:通过
y[1]和y[2]将两个数据系列分别关联到Y轴1和Y轴2 - Y轴配置:
- 左侧Y轴(默认
yaxis)在layout中设置标题和范围[0,100] - 右侧Y轴通过
yaxis[2]配置,指定显示在右侧,设置标题和范围[0,1000]
- 左侧Y轴(默认
- 图表类型:通过
type=line指定为折线图,确保两个系列都以折线形式展示
运行代码后,会自动打开浏览器页面,展示带有两个不同范围Y轴的折线图,两个数据系列分别对应左右两侧的Y轴,数值范围不会互相干扰。
内容的提问来源于stack exchange,提问作者Uwes
相关产品推荐
相关产品推荐

