score:10
i ended up binding my own mousemove event to get the constantly changing mouse position within the graph for the crosshairs. for the tooltip i just used:
tooltip: {
shared: true,
followpointer: true
},
this should be more than enough to get you going.
score:2
unfortunately crosshair works only in this way, but you can prepare your own solution by mouseover and mouseout events and add draw line by renderer.
http://api.highcharts.com/highcharts#plotoptions.series.events.mouseover http://api.highcharts.com/highcharts#plotoptions.series.events.mouseout
score:2
you can try it set axis crosshair for mouse move
$('#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'
}]
});
Source: stackoverflow.com
Related Query
- Highcharts - Draw Crosshairs / Tooltip on Mouse Position Instead of Snapping to Data Point
- Highcharts tooltip arrow position
- Highcharts - highlight mouse position within a range
- Highcharts - Show tooltip onClick instead of hover
- Is it possible to set Highcharts to hide tooltip when the mouse pointer is 30px away
- Highcharts - Show tooltip on points click instead mouseover
- How do i add mouse wheel code in Angular2 highcharts in typescript
- Highcharts - Incorrect tooltip position when zoomed in
- How to edit tooltip in Highcharts C# code
- Dynamic position of tooltip in highcharts column charts
- how to use highcharts tooltip formatter in python code
- HighCarts Tooltip position relative to mouse
- Highcharts tooltip get position and change class
- Highcharts position tooltip at the middle of stacked bar
- Change tooltip position where mouse found
- RevealJS and Highchart Mouse position Tooltip Issue
- Unable to correctly position the tooltip content in HighCharts
- Changing highcharts crosshairs position with clicking button
- How to position Highcharts tooltip on top of bar or at 0 line of Y-axis for negative value
- Highcharts legend position same as tooltip position or make tooltip still visible after hiden series
- Highcharts use loal date instead of utc date in tooltip
- Highcharts stacked area - update tooltip only after exact area mouse over
- Angular 8 & Highcharts - how to show tooltip crosshairs
- Highcharts solidgauge default tooltip position
- Highcharts: closest point on chart gets highlights and shows tooltip instead of the point where mouse in pointing
- Highcharts ng heatmap draw line instead of boxes
- Highcharts - show custom tooltip on mouseOver and on mouse Click
- disabled zooming when scrolling the mouse in the tooltip of scatter plot highcharts
- How to position highcharts tooltip above chart with outside:true
- Always position Highcharts tooltip on top with respect to the marker point
More Query from same tag
- How do I auto scale an axis with a max height in highcharts?
- HighCharts moves screen position on load
- Highchart plot points are being displayed incorrectly
- How to properly align Font Awesome symbols on Highcharts scatter plots?
- How can I add customized y axis in highchart basic bar?
- Highcharts, how can I start xAxis on an arbitrary time
- Highcharts: How to change colors of all areas except hovered one on MouseOver event in area plot
- Highcharts how to use JavaScript variable as series data source?
- How to get access to the chart from HighchartsReact component to ResponsiveGridLayout component when I'm using functional react component
- How to have multiple highcharts with different series data in vuejs without repeating code
- HighCharts Dynamic multiseries Column Chart showing only 1 set of series at a time
- Highcharts- how to get focus only when the cursor enter the point?
- highcharts add series from array
- Highcharts Local CSV Issues
- HighCharts remove $ and % symbols from custom html table when creating graph
- HighCharts scatter plot with Datetime on X Axis not plotting values correctly
- using angular directive to draw highchart pie chart but when i am using it in success function it is not working
- Dragging annotations to the left edge is causing issues
- Yaxis Values on High Chart Customization
- High chart on click event listening
- How to generate a highcharts stacked bar sparkline?
- Highcharts x axis month and year showing twice
- Links in Y-Axis of stacked bar chart
- Is it possible create a Highstock chart using TWO PANES and MULTIPLE SERIES in a pane
- Aligning labels in highchart donut
- How to hide one series data info in tooltip using highcharts
- Highcharts bubble chart datalabels not display
- Highcharts click event should apply only on marker point
- two dimensional array highcharts Active Record Associations
- How to set the enable property to a highcharts line in page load