[英]python plotly graph objects - discrete_color_map like in plotly express
[英]Color specific bar (discrete or continuous) like plotly express based on X axis value
我想在同一軸上使用條形圖和折線圖,條形圖具有基於不同變量的顏色代碼,並將其作為返回值傳遞給 Dash。在 plotly 中表示顏色參數被傳遞到跟蹤中,但在破折號中它不會將 fig 重新調整為 dcc .graph.有人可以告訴我我哪里出錯了嗎?
import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output
import plotly.graph_objs as go
import pandas as pd
import time
import plotly.express as px
import numpy as np
pd.set_option(‘display.width’, 400)
pd.set_option(‘display.max_columns’, 50)
df1 = pd.read_csv(r"E:\OI\test_mar_2020.csv")
df1[‘Date’] = pd.to_datetime(df1[‘Date’])
df1[‘Monthly_Exp_End’] = pd.to_datetime(df1[‘Monthly_Exp_End’])
df1[‘Monthly_Exp_Start’] = pd.to_datetime(df1[‘Monthly_Exp_Start’])
df1[‘Monthly_exp_end_ind’] = np.where(df1[‘Monthly_Exp_End’]==df1[‘Date’] , True, False)
df = df1[df1[‘Year’].isin([2020])]
external_stylesheets = [‘https://codepen.io/chriddyp/pen/bWLwgP.css’]
app = dash.Dash(name, external_stylesheets=external_stylesheets)
party_data =
for client in df[‘Client_Type’].unique():
party_data.append({‘label’: client, ‘value’: client})
app.layout = html.Div([
html.Div([
dcc.Dropdown(id=‘client-picker’,options=party_data,value= ‘Test1’ )]),
dcc.Graph(id=‘graph’)
])
@app.callback(Output(‘graph’, ‘figure’), [Input(‘client-picker’, ‘value’)])
def update_figure(client_picker_name):
df_new = df[df.Client_Type == client_picker_name]
我想在下面的trace1中添加一個顏色參數lile plotly.express— fig = px.scatter(df, x=“sepal_width”, #y=“sepal_length”, color=“species”)
trace1 = go.Bar(x=df_new.Date, y=df_new.colA)
trace2 = go.Bar(x=df_new.Date, y=df_new.colB)
trace3 = go.Scatter(x=df_new.Date, y=df_new.colC, mode=‘lines+markers’, yaxis=‘y2’)
return {
‘data’ : [trace1,trace2,trace3]
}
if name == ‘main’:
app.run_server(debug=True,port = 8080)
您需要在marker
內傳遞color
參數。
trace1 = go.Bar(x=df_new.Date, y=df_new.colA, marker=dict(color='green'))
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.