X轴悬停文字问题 [英] Plotly x-axis hover text issue
本文介绍了X轴悬停文字问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
当使用具有Plotly的散点图时,如果我有多个具有相同x轴值的标记,则无法获得悬停文本.
When using a Scatter plot with Plotly i am unable to get hover text when i have more than 1 marker with the same x-axis value.
有人可以帮我解决这个问题吗?
Can anyone please help me fix this?
或者这是密谋的错误吗?
Or is this a bug with plotly?
检查最接近该线的标记.
Check the marker that is closest to the line.
代码在这里 https://jsfiddle.net/qjdt92h2/
var trace1 = {
x: [13.5, 12, 13, 14,13],
y: [15, 17, 13.6, 17,18],
text: ['4.17 below the mean', '4.17 below the mean', '0.17 below the mean', '0.17 below the mean', '0.83 above the mean', '7.83 above the mean'],
mode: 'markers',
name: 'Grade / Mean grade',
marker:{
color: 'rgb(255, 99, 132)'
}
};
var trace2 = {
x: [0, 20],
y: [0, 20],
mode: 'lines',
name: 'Guide line',
marker:{
color: '#023587'
}
};
var data = [ trace1, trace2];
var layout = {
title:'Line and Scatter Plot'
};
Plotly.newPlot('myDiv', data, layout);
推荐答案
您可能正在寻找 hovermode
,在您的情况下应设置为closest
.
var trace1 = {
x: [13.5, 12, 13, 14, 13],
y: [15, 17, 13.6, 17, 18],
text: ['4.17 below the mean', '4.17 below the mean', '0.17 below the mean', '0.17 below the mean', '0.83 above the mean', '7.83 above the mean'],
mode: 'markers',
name: 'Grade / Mean grade',
marker: {color: 'rgb(255, 99, 132)'}
};
var trace2 = {
x: [0, 20],
y: [0, 20],
mode: 'lines',
name: 'Guide line',
marker:{color: '#023587'}
};
var data = [trace1, trace2];
var layout = {
title:'Line and Scatter Plot',
hovermode: 'closest'
};
Plotly.newPlot('myDiv', data, layout);
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<div id="myDiv"></div>
这篇关于X轴悬停文字问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文