我使用 FastAPI 作为 Python 后端，并使用 Plotly 根据一些数据生成图表。在客户端，我使用 HTMX。
服务器直接发送 Plot 的 HTML Figure.to_html( full_html = False)，然后 HTMX 将其直接交换到页面中的正确位置。
这一切都非常方便且易于操作，但现在我需要在数据发生变化时实时更新绘图。因此，我使用 FastAPI 和wsHTMX 扩展建立了 websocket 连接，以便在需要时更新绘图。
问题是，如果我在每次更新数据时再次发送整个图，整个图就会被 HTMX 交换，用户就会丢失图的当前视图状态，即缩放率、平移位置等...
那么有没有办法可以更详细地了解从 Plotly 发送的内容？
我需要：
我该如何做？可能吗？
我有类似以下的事情：
fig.add_layout_image(
dict(
source=prefix_webp + base64.b64encode(webp_data).decode("utf-8"),
xref='x', yref='y', # Reference subplot axes
x=0, y= 1, # Position in subplot grid
sizex=1, sizey=1,
xanchor='left', yanchor='top',
sizing='contain', # Ensure it fits within the given size
),
row=row, col=col
)
因为图像的像素数量很少。如果我将图形保存为 PDF，图像就会像素化，这正是我想要的，因为它实际上代表了一些数据，我想看到每个像素的精确边缘。
但是，如果我在浏览器中显示它或将其保存为 html。图像看起来就像插值过的，并且变得平滑。
我想知道如何在 plotly 中禁用它
html_template = '''
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Plotly Layout Image Example</title>
<style>
/* Custom CSS to apply pixelated rendering to images */
img {
image-rendering: pixelated;
}
</style>
</head>
<body>
<h1>Plotly Layout Image Example</h1>
<!-- This is where the Plotly figure will be inserted -->
{{ fig | safe }}
</body>
</html>
'''
plotly_html = fig.to_html(full_html=False)
from jinja2 import Template
template = Template(html_template)
html_output = template.render(fig=plotly_html)
with open(os.path.expanduser('test-css.html'), 'w') as file:
file.write(html_output)
我有一个数据框形式的数据集，其结构如下
| 工作 | 任务 | 机器 | 开始 | 结尾 | 颜色 |
|---|---|---|---|---|---|
| A | 做 X | 1 | 0 | 5 | 蓝色的 |
| A | 是吗 | 2 | 6 | 14 | 蓝色的 |
| 乙 | 做问 | 3 | 0 | 8 | 绿色的 |
| 乙 | 做 Z | 3 | 9 | 12 | 绿色的 |
| 乙 | 做 X | 1 | 14 | 17 | 绿色的 |
| C | 是吗 | 1 | 6 | 9 | 红色的 |
我想使用 Plotly（例如 px.timeline）在交互式时间线上绘制这些内容，类似于下面的图片，也称为甘特图。对于每台机器（y 轴），我想要一个彩色条形图来表示分配给该机器的任务，类似于其持续时间。对于我的示例数据，这意味着对于机器 1，有三个彩色条形图（0-5、6-9、14-17）。任务应根据定义的作业颜色着色，如颜色列中所述。理想情况下，将鼠标悬停在条形图上时，它会显示Job - Task, Start - end。
我使用以下内容；
Plotly 5.18.0
Python 3.9
Pandas 2.1.2
有没有办法做到这一点？
我尝试了 Plotly，但只设法在 y 轴上获取作业（https://plotly.com/python/gantt/）。我使用了https://plotly.com/python/figure-factories/，因为 px.timeline 似乎不接受开始和结束时间的整数值。
我有以下代码：
def get_amp_graph():
ampfig = go.Figure(go.Bar(x=['1540', 'Average'], y=get_amp_acc()))
ampfig.update_layout(plot_bgcolor='rgb(28, 28, 28)')
amp_html = ampfig.to_html (
include_plotlyjs=True,
full_html=False,
)
return amp_html
我希望背景颜色为 rgb(28, 28, 28)，但随后发生了这种情况。我怎样才能让剩下的白色也变成rgb(28,28,28)
我最终尝试将 px.timeline 添加到包含 go.Scatter 的图中（类似于他们在这里所做的事情：将 Plotly Express 跟踪添加到具有多个跟踪的图形对象 go.Figure()？）。
这样做时，时间线不会显示。当我使用 add_trace() 函数时，我已将其范围缩小到一个问题。如果我在创建Figure对象时直接使用px.timeline，我的时间线显示得很好，但是当我尝试使用Figure.add_trace()将其添加到现有的Figure时，它看起来很奇怪。X 轴不再显示时间。
下面显示了显示此行为的独立代码片段。任何帮助是极大的赞赏！
import pandas as pd
import plotly.graph_objects as go
import plotly.express as px
mydata_as_json = '{"Start_Time":{"0":"2023-11-01 16:48:24.8","1":"2023-11-01 16:49:47.7","2":"2023-11-01 16:53:23.3","3":"2023-11-01 16:56:08.6","4":"2023-11-01 16:58:37.9","5":"2023-11-01 17:00:10.9"},"End_Time":{"0":"2023-11-01 16:48:37.7","1":"2023-11-01 16:51:44.3","2":"2023-11-01 16:54:00.2","3":"2023-11-01 16:57:23.4","4":"2023-11-01 16:58:56.8","5":"2023-11-01 17:01:59.1"},"Instr":{"0":"MVIC","1":"LEISA","2":"MVIC","3":"LEISA","4":"MVIC","5":"LEISA"}}'
df = pd.DataFrame(eval(mydata_as_json))
# This works
fig_good = px.timeline(
df,
x_start="Start_Time",
x_end="End_Time",
y="Instr",
)
fig_good.show()
# This doesn't work. Why?
fig_bad = go.Figure()
fig_bad = fig_bad.add_trace(
px.timeline(
df,
x_start='Start_Time',
x_end='End_Time',
y='Instr',
).data[0]
)
fig_bad.show()
