График Plotly-dash не показывает значения - PullRequest
Новая
       9

График Plotly-dash не показывает значения

0 голосов
/ 01 февраля 2019

Я пытаюсь создать диаграмму, используя Dash для Python.У меня есть файл со значениями, которые я хочу прочитать, сохранить значения в списке и использовать его для создания графика.Мой код: 

    app = dash.Dash()
app.layout = html.Div([
    html.H1('Title'),
    dcc.Dropdown(
        id='my-dropdown',
        options=[
            {'label': 'Fruit', 'value': 'FRUIT'}
           # {'label': 'Tesla', 'value': 'TSLA'},
           # {'label': 'Apple', 'value': 'AAPL'}
        ],
        value='TEMPERATUR'
    ),
    dcc.Slider(
    min=-5,
    max=10,
    step=0.5,
    value=-3,
    ),
    dcc.Graph(id='my-graph', animate=True),
])
path = "/../example.csv"

with open(path,"r") as file:
    reader = csv.reader(file)
    dataCopy=[]
    for line in file: 
        dataCopy.append(line)
    arrayValues = np.array(dataCopy)
@app.callback(Output('my-graph', 'figure'), [Input('my-dropdown', 'value')])

def update_graph(selected_dropdown_value):

    return {
        'data': arrayValues }

if __name__ == '__main__':
    app.run_server(
    )

Когда я печатаю значения arrayValues ​​, я получаю:

['28,687', '29 .687 ', '24 .687', '21 .687', '25 .687', '28 .687 ']

Но когда я проверяю свой график, на нем не отображаются значения.Знаете ли вы, в чем может быть моя ошибка?

ОБНОВЛЕНИЕ: Я попытался с строкой 

arrayValues = list(map(float, arrayValues))

после получения ее в качестве предложения в комментариях, но все еще нетработоспособный код.

1 Ответ

0 голосов
/ 02 февраля 2019

Вам необходимо предоставить некоторую дополнительную информацию в поле Graph data,

Если вы хотите, чтобы arrayValues ​​отображались по оси Y на линейном графике, следующий код должен работать. 

import dash
import dash_core_components as dcc
import dash_html_components as html
from dash.dependencies import Input, Output, State
import plotly.graph_objs as go

#hardcoding arrayValues since csv is not provided
arrayValues = ['28.687', '29.687', '24.687', '21.687', '25.687', '28.687']

app = dash.Dash()
app.layout = html.Div([
    html.H1('Title'),
    dcc.Dropdown(
        id='my-dropdown',
        options=[
            {'label': 'Fruit', 'value': 'FRUIT'}
           # {'label': 'Tesla', 'value': 'TSLA'},
           # {'label': 'Apple', 'value': 'AAPL'}
        ],
        value='TEMPERATUR'
    ),
    dcc.Slider(
    min=-5,
    max=10,
    step=0.5,
    value=-3,
    ),
    dcc.Graph(id='my-graph', animate=True),
])
#path = "/../example.csv"

#with open(path,"r") as file:
#    reader = csv.reader(file)
#    dataCopy=[]
#    for line in file: 
#        dataCopy.append(line)
#    arrayValues = np.array(dataCopy)



@app.callback(Output('my-graph', 'figure'), [Input('my-dropdown', 'value')])
def update_graph(selected_dropdown_value):

    return {
        'data': [
                {'y': arrayValues}
            ]
    }

if __name__ == '__main__':
    app.run_server(
    )

Поскольку Dash использует графическое представление графиков, вы можете ссылаться на официальные графические документы для множества таких графиков.

Вот документация, https://plot.ly/python/basic-charts/

...