plotly.js：“在悬停时显示最接近的数据”＆amp; “比较悬停数据”？

Question

任何人都可以告诉我究竟什么“显示最接近悬停的数据”＆amp; “比较悬停”按钮的数据以及为什么它们有用？请参阅plotly.js绘制的轮廓密度图：https://plot.ly/javascript/open-source-announcement/。

当我点击剧情右上角的那些按钮时，我没有任何反应。我在使用plotly.js的R / Python API中的这些按钮时遇到了类似的问题，所以我要么滥用它们，要么就是为了非常具体的用例。

Answer 1

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

• ＆＃34;显示关于悬停的最接近数据＆＃34;将鼠标悬停在绘图上的某个点上时显示最近的数据点， 例如，当悬停在位置x 6处的绿色条上时，将出现以下悬停标签

  - ＆＃34;比较悬停时的数据＆＃34;显示具有相同x值的所有迹线的所有数据点， 例如悬停在位置x 5处的任何条形或标记上会突出显示相同位置的所有其他迹线（并在x轴上添加标签）。

您可以在下面的代码段中试用它。

  

为什么它们有用？

嗯，这是基于意见的，但有时比较来自不同痕迹的数据点而不需要将鼠标悬停在所有点上是有用的，有时候悬停只会在痕迹太多时触发标签的烟花。 / p>

＆＃13;

＆＃13;

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);

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;