当我使用破折号框架在文本框中输入值时不显示图形

Question

我有一个列表中的数据，当我 return dcc.Graph 然后它没有 return 任何东西，只是一个空白图表显示在我面前

我给大家解释一下代码在此代码中，我希望用户输入产品名称，如果产品名称出现在 table 中并且瓶子列大于 0，则 select 这些行数据。现在我们有一些行有月份和瓶子（数量）这个月是重复的，因为一种产品在一个月内有多次不同的瓶子（数量）所以现在我正在计算销售的瓶子的独特月份数量之后，我将唯一月份列表和计算数量列表插入到数据列表中，如图所示根据我的需要，此数据列表正确显示在输出中但在那之后我希望它被绘制在条形图中但它对我不起作用。所以请帮帮我。

代码片段：

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.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], 'type': 'bar', 'name': 'M&C Brut Blan'}]
127.0.0.1 - - [09/Oct/2020 18:36:36] "[37mPOST /_dash-update-component HTTP/1.1[0m" 200 -

这是我输入时的结果，服务器上没有显示图表

请在这里帮助我，我已经更新了我在执行此代码时收到的整个代码和输出。我想在浏览器中获取显示空白图表的条形图无论我是否输入产品名称，它都会向我显示空白图表。帮帮我！

Answer 1

我解决了这个问题：

figure={
    'data':data,
    'layout':{
        'title':'Graphhhh',
        'xaxis':{'title':'Month'},
        'yaxis':{'title':'Quantity'}
        }   
    }

当我使用破折号框架在文本框中输入值时不显示图形

Graph is not displaying when I enter the value in textbox using dash framework

python

graph

matplotlib

pandas

plotly-dash