如何使用 Plotly 在热图上显示文本？

Question

我试图z在 Plotly 热图上将项目显示为文本。我使用的是最新版本 (5.5.0)，并按照 Plotly 热图网页 ( https://plotly.com/python/heatmaps/ ) 上显示的确切示例进行操作，请参阅底部附近的“热图点上的文本”部分。

我的代码是他们的示例代码，即：

figHeatmap = go.Figure(
                       data=go.Heatmap(
                                       z=[[1,20,30], [20,1,60], [30,60,1]], 
                                       text=[['1','2','3'],['4','5','6'],['7','8','9']], 
                                       texttemplate="%{text}", 
                                       textfont={"size":20}
                                       )
                      )

当我在网页中呈现我的应用程序时，我看到的是：

但在他们的网站上它显示了标签：

当我运行我的应用程序时，我没有收到任何错误，并且当我将鼠标悬停在热图上时，标签确实显示，但文本没有按应有的方式显示在热图上。由于我使用的是他们的确切示例，因此我不明白可能出了什么问题。有什么想法吗？

[编辑]：这似乎是达世币的问题。当我以交互方式运行该示例时，我确实得到了文本标签。但我的应用程序是 Dash 应用程序的一部分，这就是我看不到渲染标签的地方。

Answer 1

• 这是5.5.0 https://github.com/plotly/plotly.py/releases中的新功能。安装并重新启动我的 jupyter 内核后，这不起作用。需要重启完整的jupyter环境
• 使用go https://plotly.com/python/heatmaps/#text-on-heatmap-points的记录示例加上发行说明auto_text参数中的注释，我对此进行了探索。
• 下面显示了px的使用，并且还添加了数字作为文本

import plotly.express as px
import plotly.graph_objects as go
import inflect

p = inflect.engine()
df = px.data.medals_wide(indexed=True)
fig = px.imshow(df, text_auto=True)
fig2 = go.Figure(fig.data, fig.layout)
fig2 = fig2.update_traces(text=df.applymap(p.number_to_words).values, texttemplate="%{text}", hovertemplate=None)

fig.show()
fig2.show()

短跑

• 请参阅https://dash.plotly.com/external-resources 控制 dcc.Graph 使用的 Plotly.js 版本
• dash 2.0.0 打包的plotly.js版本尚不支持texttemplate
• 下面的代码显示了如何覆盖

import numpy as np
import dash
import plotly.graph_objects as go
import plotly.express as px
from dash.dependencies import Input, Output, State
from jupyter_dash import JupyterDash
import inflect

# Build App
app = JupyterDash(__name__, external_scripts=["https://cdn.plot.ly/plotly-2.8.3.min.js"])
app.scripts.config.serve_locally = False
app.layout = dash.html.Div(
    [
        dash.dcc.Interval(id="run", max_intervals=1),
        dash.dcc.Graph(id="fig"),
    ]
)


def hm():
    p = inflect.engine()
    df = px.data.medals_wide(indexed=True)
    fig = px.imshow(df, text_auto=True)
    fig2 = go.Figure(fig.data, fig.layout)
    fig2 = fig2.update_traces(
        text=df.applymap(p.number_to_words).values,
        texttemplate="%{text}",
        hovertemplate=None,
    )
    return fig2.update_layout(title=f"dash: {dash.__version__}")


@app.callback(Output("fig", "figure"), Input("run", "n_intervals"))
def createFig(n):
    return hm()


# Run app and display result inline in the notebook
app.run_server(mode="inline")