Flot: crosshair için en yakın noktayı yakala

Question

Grafiklerimi özelleştirdim ve crosshair'e en yakın noktayı bulmaya çalışıyorum. Elime en yakın olan mouseActiveRadius seçeneğini ekleyerek, bu benim istenen etkiyi uygulamıyordu. Bu olur:

olarak görülebilir , yanlış nokta vurgulanmış ediliyor.

My arsa kodu:

$.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 
      } 
     } 
    ); 

crosshair yerine ızgaraya yatay yarıçapı çeşit eklemek için herhangi bir yolu var mı?

Önceden teşekkür ederiz.

Answer 1

Varsayılan nokta vurgulama, artı işaretinden ayrılır ve yalnızca imlecin mesafesine göre çalışır. Sadece yatay mesafe ile çalışmak istiyorsanız, vurgulamayı manuel olarak yapabilirsiniz.

autoHighlight: false'u ayarlayın ve x ekseninde en yakın noktayı aradığınız ve daha sonra bu noktayı vurgulayacağınız bir plothover olayını bağlayın.

Benzer kod example for the crosshair plugin'dadır.