微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决当我使用破折号框架在文本框中输入值时,图形未显示

我有一个列表中的数据,当我返回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 -

这是我输入的结果,服务器上未显示任何图形

Server result

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

解决方法

我解决了这个问题:

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其他元素将获得点击?
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。)
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbcDriver发生异常。为什么?
这是用Java进行XML解析的最佳库。
Java的PriorityQueue的内置迭代器不会以任何特定顺序遍历数据结构。为什么?
如何在Java中聆听按键时移动图像。
Java“Program to an interface”。这是什么意思?