You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

求带双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]
  • 图表类型:通过type=line指定为折线图,确保两个系列都以折线形式展示

运行代码后,会自动打开浏览器页面,展示带有两个不同范围Y轴的折线图,两个数据系列分别对应左右两侧的Y轴,数值范围不会互相干扰。

内容的提问来源于stack exchange,提问作者Uwes

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.17 23:12:46