plotly.js： "ホバー上の最も近いデータを表示する"＆ "ホバー上のデータを比較する"

Question

「ホバー上の最も近いデータを表示する」と正確に何か教えてください。&「ホバー上のデータを比較する」ボタンはなぜ有用なのですか？ plotly.jsで描かれた等高線密度プロットを参照してください：https://plot.ly/javascript/open-source-announcement/。

私は、プロットの右上にこれらのボタンをクリックすると、何が私のために起こりません。私はplotly.jsのR/Python APIからこれらのボタンを使って同様の問題を抱えているので、それらを悪用するか、非常に特殊なユースケースを扱うことになっています。

Answer 1

公式の文書はありませんので、これは私が観察したものです。

• 「ホバーに表示最も近いデータ」プロット上の点の上にマウスを移動するときに最も近いデータポイントを示し、 例えば位置の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>