javascript - 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}。此外，在浏览器日志中显示以下消息:找不到 hovertemplate 中的变量“名称”!。

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

Answer 1

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