plotly.js：“在悬停上显示最近的数据”和“悬停时比较数据”？

问题描述：

任何人都可以告诉我什么“显示最近的数据悬停”&“悬停比较数据”按钮做，为什么他们是有用的？请看这里用plotly.js绘制的轮廓密度图：https://plot.ly/javascript/open-source-announcement/。plotly.js：“在悬停上显示最近的数据”和“悬停时比较数据”？

当我点击图的右上角这些按钮，没有任何反应我。我使用plotly.js的R/Python API中的这些按钮也遇到了类似的问题，所以我要么滥用它们，要么用于非常特定的用例。

答

它没有官方文档，所以这就是我所观察到的。

“显示悬停最近的数据”显示的是最近的数据点在图上悬停在一个点时，如悬停位置x 6的绿条在下列悬停标签出现

- “悬停比较数据”显示所有具有相同x值的曲线的所有数据点，例如悬停在位置x 5上的任何条形图或标记上都会突出显示同一位置上的所有其他轨迹（并在x轴上添加标签）。

你可以试试下面的代码片段。

他们为什么有用？

嗯，这是基于相当的意见，但有时它是比较来自不同踪迹的数据点，而不需要所有的点悬停在有用，有时悬停只是触发标签的烟花时，有太多的痕迹。

var traces = [ 
 
    { 
 
    x: [1, 2, 3, 4], 
 
    y: [10, 15, 13, 17], 
 
    type: 'scatter' 
 
    }, 
 
    { 
 
    x: [2, 3, 4, 5], 
 
    y: [1, 5, 3, 17], 
 
    type: 'scatter' 
 
    },{ 
 
    x: [5, 6], 
 
    y: [3, 7], 
 
    type: 'bar' 
 
    }, 
 
    { 
 
    x: [5, 6], 
 
    y: [1, 5], 
 
    type: 'bar' 
 
    } 
 
]; 
 

 
Plotly.newPlot(myDiv, traces);

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script> 
 
<div id='myDiv'></div>

plotly.js：“在悬停上显示最近的数据”和“悬停时比较数据”？

相关推荐