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
- Legends in variable radius pie Highcharts
- Highcharts Pie chart
- Highcharts: Disable animation for specific event
- Highcharts mobile (and window) resizing. Axis overlapping
- How to remove cirlce,line,square symbol from highchart
- Is it possible to have an upColor on a Area graph using Highcharts?
- Using HighchartsPHP library in CakePHP
- How to delete graph on click
- How to set the static series name to the element result based on the categories in the HighChart
- How to specific name (tooltip) for each bar in Highchart
- how to use customise hight chart as shown in image?
- Solve highmaps-highcharts conflict when creating map, column and radar charts
- Highlight Highcharts Organization Chart nodes
- HighChart graphics with node js and react js
- Extra data in point object isn't available for tooltip
- Highcharts windrose
- highcharts marker: {radius: 10} on individual data points makes certain data points disappear?
- Problematically highlight(hover) a serie ,highcharts
- Highcharts series rendering problems
- How do I get this text inside of this HTML using Selenium Webdriver?
- Highchart completely loaded after animation event
- Charts using Rally
- Highcharts w/React - rendering div not found in JSX
- How to change the colour of inactive bars in Highcharts?
- HighCharts: Resize markers of scatter chart dynamically
- Highchart, Combined Two Chart in One with different data from Meteor Collection
- Changing tooltip shape for a series in Highcharts
- How to tell the Highcharts renderer to make the viewport bigger?
- How to know information about the clicked bar in highchart column r shiny plot
- Highchart - Display JSON Data - MYSQL / PHP