python - 使用 Dash 和 Plotly 的多个折线图
问题描述
我正在尝试创建一个多折线图,其中 X 轴上的每个“机器”和“时间”都有一条线。但是我尝试了很多组合来生成 X 和 Y 标签。我从预期结果中得到的最接近的是下面的图表。
- 欢迎所有建议。
这是数据框:
df3:
Machine Units Pruduced Time
K2K02 1900 15
K2K03 311 15
K2K01 5230 17
K2K02 1096 12
K2K03 1082 11
K2K07 587 17...
所以我正在分组和拆散以准备 df 来绘制图表。
fdr = dff3.groupby(['Time', 'Machine']).sum()
fdr2 = fdr.unstack('Time')
fdr2
这是我的代码:
import dash_table_experiments
import dash
import dash_core_components as dcc
import dash_html_components as html
import pandas as pd
import plotly.graph_objects as go
import numpy as np
import dash_table_experiments as dash_table
import dash
from dash.dependencies import Input, Output
import dash_table
import pandas as pd
import plotly_express as px
import plotly.offline as pyo
dff3 = pd.read_csv('df3.csv', encoding='latin-1', low_memory=False)
dff3
fdr = dff3.groupby(['Time', 'Machine']).sum()
fdr2 = fdr.unstack('Time')
fdr2
app = dash.Dash()
app.layout = html.Div([
dcc.Graph(
id = 'GrapGo',
figure = {
'data' : [
go.Scatter(
x = fdr2.index,
y = fdr2.loc[rowname],
mode = "markers+lines",
name = rowname
)for rowname in fdr2.index
],
'layout' : go.Layout(
title = "Grafico com go",
xaxis = {'title': 'X Label'},
yaxis = {'title': 'y Label'}
)
}
)
])
if __name__ == '__main__':
app.run_server()
这是我得到的图表:
预期结果是:
解决方案
我没有在您的问题中看到需要运行服务器。如果您只需要生成一个绘图,那么此代码就可以完成这项工作(Dash v1.6.0):
import plotly.graph_objects as go
import pandas as pd
df = pd.DataFrame({'Machine': ['K2K01','K2K01','K2K01','K2K02','K2K02','K2K02','K2K03','K2K03','K2K03'],
'Units': [100,200,400,400,300,100,500,700,500],
'Time':[11,12,13,11,12,13,11,12,13]})
groups = df.groupby(by='Machine')
data = []
colors=['red', 'blue', 'green']
for group, dataframe in groups:
dataframe = dataframe.sort_values(by=['Time'])
trace = go.Scatter(x=dataframe.Time.tolist(),
y=dataframe.Units.tolist(),
marker=dict(color=colors[len(data)]),
name=group)
data.append(trace)
layout = go.Layout(xaxis={'title': 'Time'},
yaxis={'title': 'Produced Units'},
margin={'l': 40, 'b': 40, 't': 50, 'r': 50},
hovermode='closest')
figure = go.Figure(data=data, layout=layout)
figure.show()
推荐阅读
- image - Flutter/Dart - 将 URL 传递给 Image Cropper 而不是图像文件?
- arduino - 我的 Lora adafruit feather m0 不会发送加入请求
- python - 如何实现去除/修剪神经网络中接近零的参数?
- javascript - 网站更新后扩展出错(Javascript)
- mysql - MYSQL Next/Previous 基于特定排序的记录
- php - Axios POST 使用 ReactJS 和 Laravel Sanctum 获得 500(内部服务器错误)
- r - 如果组中的两个值中的任何一个出现在另一列中,有没有办法在所有行中分配值 1?
- kubernetes - Zookeeper-shell 正在为代理请求返回 null
- dax - DAXSTUDIO 中的 ORDER BY 未指定列名
- json - 如何将 json 文件内容解释为树