如何解决当我使用破折号框架在文本框中输入值时,图形未显示
我有一个列表中的数据,当我返回dcc.Graph时,它什么也没有返回,只是在我面前显示了一个空白图
让我向大家解释代码 在此代码中,我希望用户输入产品名称,如果该产品名称存在于表中,并且瓶子列大于0,则选择那些行数据。 现在我们有一些行有月份和瓶子(数量) 这个月是重复的,因为一个产品在一个月内有很多次使用不同的瓶子(数量),所以现在我要计算出所出售瓶子的独特月份数量 之后,我将唯一的月份列表和计算数量列表插入数据列表,如图所示 根据我的需要,此数据列表正确显示在输出中 但是之后,我希望将其绘制在条形图中,但对我不起作用。 所以在这里帮我。
代码段:
import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input,Output
import pandas as pd
import MysqL.connector
db_connection = MysqL.connector.connect(
host="localhost",user="root",passwd="",db="trial"
)
cursor = db_connection.cursor()
app = dash.Dash()
app.layout = html.Div(children=[
html.H4('Sales Of February 2020 by MHD'),html.Label('Product Name: '),dcc.Input(
id='tfield',placeholder='Enter the product name',type='text'
),html.Br(),html.Div([dcc.Graph(id='my-output')])
])
@app.callback(Output('my-output','figure'),[Input('tfield','value')])
def callback(input_value):
df = pd.read_sql("select Month,Bottle from merge where Bottle>0 and ProductName=%s",db_connection,params=(input_value,))
mon=[]
data=[]
quan=[]
uni_mon=[]
uni_quan=[]
y=0
su=0
for i in df.itertuples():
mon.append(i.Month)
quan.append(i.Bottle)
uni_mon=list(set(mon))
v=len(quan)
for x in uni_mon:
su=quan[y]
while((y<v-1) and (mon[y]==mon[y+1])):
su=su+quan[y+1]
y=y+1
y=y+1
uni_quan.append(su)
data.append({'x':uni_mon,'y':uni_quan,'type':'bar','name':input_value})
print(data)
figure={
'data':data,'layout':{
'title':'Graphhhh','xaxis':'Month','yaxis':'Quantity'
}
}
return figure
if __name__ == '__main__':
app.run_server(debug=False)
所以shell上的结果是
Dash is running on http://127.0.0.1:8050/
* Serving Flask app "dashnew" (lazy loading)
* Environment: production
WARNING: This is a development server. Do not use it in a production deployment.
Use a production Wsgi server instead.
* Debug mode: off
* Running on http://127.0.0.1:8050/ (Press CTRL+C to quit)
127.0.0.1 - - [09/Oct/2020 18:36:33] "[37mGET / HTTP/1.1[0m" 200 -
127.0.0.1 - - [09/Oct/2020 18:36:33] "[37mGET /_dash-layout HTTP/1.1[0m" 200 -
127.0.0.1 - - [09/Oct/2020 18:36:33] "[37mGET /_dash-dependencies HTTP/1.1[0m" 200 -
[{'x': [],'y': [],'type': 'bar','name': None}]
127.0.0.1 - - [09/Oct/2020 18:36:33] "[37mPOST /_dash-update-component HTTP/1.1[0m" 200 -
[{'x': ['2月サマリー','2月サマリー (Feb Sales)'],'y': [1260,4275],'name': 'M&C Brut Blan'}]
127.0.0.1 - - [09/Oct/2020 18:36:36] "[37mPOST /_dash-update-component HTTP/1.1[0m" 200 -
这是我输入的结果,服务器上未显示任何图形
请在这里帮助我,我已经更新了我的整个代码,并在执行此代码时收到了输出。 我想在浏览器中获取条形图,其中显示空白图形 无论我是否输入产品名称,它都会显示空白图表。 帮帮我!
解决方法
我解决了这个问题:
figure={
'data':data,'layout':{
'title':'Graphhhh','xaxis':{'title':'Month'},'yaxis':{'title':'Quantity'}
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。