在Flask中为Plotly/Dash对象添加两个Y轴,可以通过以下步骤实现:
import plotly.graph_objs as go
from flask import Flask, render_template
app = Flask(__name__)
@app.route('/')
def index():
# 创建Plotly/Dash对象
fig = go.Figure()
# 添加第一个Y轴数据
fig.add_trace(go.Scatter(
x=[1, 2, 3],
y=[4, 5, 6],
name='Y1'
))
# 添加第二个Y轴数据
fig.add_trace(go.Scatter(
x=[1, 2, 3],
y=[10, 20, 30],
name='Y2',
yaxis='y2' # 指定使用第二个Y轴
))
# 设置布局
fig.update_layout(
yaxis=dict(title='Y1'), # 设置第一个Y轴标题
yaxis2=dict(title='Y2', overlaying='y', side='right') # 设置第二个Y轴标题和位置
)
# 将Plotly图表渲染为HTML
plot_div = fig.to_html(full_html=False)
# 渲染模板并传递图表HTML
return render_template('index.html', plot_div=plot_div)
<!DOCTYPE html>
<html>
<head>
<title>Flask Plotly/Dash</title>
</head>
<body>
<!-- 在页面中显示Plotly图表 -->
{{ plot_div|safe }}
</body>
</html>
if __name__ == '__main__':
app.run()
这样,当访问Flask应用程序的根URL时,将显示包含两个Y轴的Plotly图表。第一个Y轴的数据由go.Scatter
对象添加,第二个Y轴的数据由go.Scatter
对象的yaxis
参数指定。通过fig.update_layout
方法设置Y轴的标题和位置。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云容器服务(TKE)。您可以通过以下链接了解更多信息:
领取专属 10元无门槛券
手把手带您无忧上云