如果我将鼠标悬停在 Plotly 中，如何显示与图例中所述不同的跟踪名称？
Posted
技术标签:
【中文标题】如果我将鼠标悬停在 Plotly 中，如何显示与图例中所述不同的跟踪名称？【英文标题】：How to display different trace names than stated in the legend if I hover over in Plotly? 【发布时间】：2020-04-04 20:15:00 【问题描述】：如果我将鼠标悬停在图例上，如何显示与图例中所述不同的跟踪名称？
目前我像这样推送我的配置：
...
const chart_entry =
x: x,
y: y,
type: 'scatter',
name: legendName
;
this.graph.data.push(chart_entry);
...
但是，通过这种方式，无论是在图例中还是在将鼠标悬停在一行上时，都会使用图例中的相同名称（legendName 变量）。
但我希望悬停有一个单独的名称。
这可能吗？
【问题讨论】：
【参考方案1】：使用hovertemplate选项：https://plot.ly/javascript/reference/#scatter-hovertemplate
var trace1 =
x: [1, 2, 3, 4],
y: [10, 15, 13, 17],
type: 'scatter',
name: 'legend name 1',
hovertemplate: '%y<extra>hover name 1</extra>'
;
var trace2 =
x: [1, 2, 3, 4],
y: [16, 5, 11, 9],
type: 'scatter',
name: 'legend name 2',
hovertemplate: '%y<extra>hover name 2</extra>'
;
var data = [trace1, trace2];
Plotly.newPlot('myDiv', data, , );<head>
<!-- Plotly.js -->
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
</head>
<body>
<div id="myDiv"></div>
</body>【讨论】：
不错！谢谢你:) @mit 一个很好的问题，答案很好且被接受。还是没有点赞？在这里，有一些人支持你贪婪的忘恩负义=）以上是关于如果我将鼠标悬停在 Plotly 中，如何显示与图例中所述不同的跟踪名称？的主要内容，如果未能解决你的问题，请参考以下文章