Flot：十字線に最も近い点を取得

Question

私はグラフィックをカスタマイズしていますが、私は十字線に最も近い点を得ようとしています。私が得た最も近いものは、mouseActiveRadiusオプションを追加することでしたが、これは私の望む効果を適用しません。 これは何が起こるかです：

間違った点を強調表示され、見ることができるように。

マイプロットコード：

$.plot("#players_chart", 
     [{ 
      label: "Total number of players", 
      data: data.data_labels 
     }], 
     { 
      series: { 
       lines: { 
        show: true 
       } 
      }, 
      xaxis: { 
       mode: "time", 
       minTickSize: [1, "day"], 
       timeformat: "%a" 
      }, 
      yaxis: { 
       tickDecimals: 0 
      }, 
      crosshair: { 
       mode: "x" 
      }, 
      grid: { 
       hoverable: true, 
       autoHighlight: true, 
       mouseActiveRadius : 1000 
      } 
     } 
    ); 

は十字線の代わりに、グリッドに水平方向の半径のいくつかの種類を追加する方法はありますか？

ありがとうございます。

Answer 1

デフォルトの強調表示は、十字線プラグインから切り離され、カーソルからの距離だけで動作します。水平距離で作業する場合は、手動でハイライトを行うことができます。

autoHighlight: falseを設定し、plothoverイベントをバインドします。ここで、x軸の最も近いポイントを検索し、そのポイントをハイライト表示します。

類似コードはexample for the crosshair pluginです。