Plotly 工具提示中的自定义数据未显示

Question

我正在尝试在 Plotly JS 中自定义工具提示以显示非默认数据。为此，我遵循了https://plotly.com/javascript/hover-text-and-formatting/高级悬停模板示例。

但是，对于我的示例中的选项：

 var data = {
       x : timestamps,
       y : values,
       mode : 'lines+markers',
       type : 'scatter',
       name : 'Test',
       hovertemplate: '%{y} %{name}'
    };

y 值将出现，但名称仍将在工具提示中显示为 %{name}。此外，在浏览器日志中会显示以下消息：Variable 'name' in hovertemplate could not be found!。

我发现的唯一替代方案是通过使用变量在这里定义https://community.plotly.com/t/how-to-display-variable-text-in-a-hover-template/22527customdata，但它也必须结构化在我的例子中，它是一个包含 n 个相同值实例的数组。我想这可行，但似乎不是最谨慎的解决方案。

Answer 1

以前遇到过同样的问题，发现我需要使用 %{data.name} 而不仅仅是 %{name}。我想我在阅读hovertemplate的描述并看到这句话后发现了这一点：“可用的变量hovertemplate是作为此链接https://plotly.com/javascript/plotlyjs-events/#event-data描述的事件数据发出的变量。” 如果您转到该链接，您将在事件对象中看到“data”键。