हाइचार्ट्स - डेटा पॉइंट पर स्नैप करने के बजाए माउस स्थिति पर क्रॉसहेयर/टूलटिप ड्रा करें

Question

Here (see this jsfiddle) आप देख सकते हैं कि द्वि-आयामी क्रॉसहेयर उस डेटापॉइंट पर स्नैप कर रहे हैं जो इसके सबसे नज़दीक है। आप क्रॉसहेयर और टूलटिप को चार्ट पर वर्तमान माउस स्थिति से कैसे जोड़ेंगे?

tooltip: { 
    crosshairs: [true, true] 
} 

Answer 1

jsFiddle Solution

मैं अपने खुद के MouseMove घटना बाध्यकारी क्रॉसहेयर के लिए ग्राफ भीतर लगातार बदलते माउस स्थिति प्राप्त करने के लिए समाप्त हो गया। टूलटिप के लिए मैंने अभी उपयोग किया:

tooltip: { 
      shared: true, 
      followPointer: true 
     }, 

यह आपको जाने के लिए पर्याप्त से अधिक होना चाहिए।

Answer 2

दुर्भाग्य से क्रॉसहेयर केवल इस तरह से काम करता है, लेकिन आप माउस ले जाएँ और mouseout घटनाओं से अपने खुद के समाधान तैयार करने और रेंडरर द्वारा ड्रा लाइन जोड़ सकते हैं।

http://api.highcharts.com/highcharts#plotOptions.series.events.mouseOver http://api.highcharts.com/highcharts#plotOptions.series.events.mouseOut

http://api.highcharts.com/highcharts#Renderer

Answer 3

आप कोशिश कर सकते हैं यह Set axis crosshair for mouse move

Example

$('#container').highcharts({ 
    xAxis: { 
     crosshair: { 
      snap: false 
     } 
    }, 
    yAxis: { 
     crosshair: { 
      snap: false 
     } 
    }, 
    series: [{ 
     data: [6, 4, 2,4], 
     name: 'First' 
    }, { 
     data: [7, 3, 2], 
     name: 'Second' 
    }, { 
     data: [9, 4, 8], 
     name: 'asdf' 
    }]   
});