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
- Different Array(s) in Chrome Dev Tools
- Highchart : sunburst chart not displaying
- Highcharts Waterfall graph using a column graph
- Highcharts: heatmaps - incorrect colors on reversed colorAxis
- how to pass template variables to javascript
- Getting average or number of columns Highstock
- JavaScript - Highcharts : How to prevent double click?
- Highchart and yii not drawing a pie
- Highcharts Server not loading infile correctly
- disable legend resizing of chart
- Highchart world map rendering too slow in edge legacy browser
- Add more charts in angular highcharts
- highcharts putting ajax/json data at 1970
- How can I increase size icon of the legend
- Rendering Highcharts Chart in Multiple divs with same ID
- Build a dashboard with Highcharts
- Set max & min xAxis value for scrolling
- PHP loop including some javaScript
- Cannot use Highchart Histogram in React
- highcharts: shared tooltip not working for series with diffrent intervals
- OnClick() with Highcharts in MVC 4
- Highstock navigator not adjustable
- Implement Scroll bar in highcharts
- Different marker sizes in highcharts?
- Updating Highcharts series live data in Swift
- Highcharts - Pinch zoom does not work on chart with multiple y axes
- Want to make the Highcharts Bar Chart data labels appear on the far right in the chart
- give highchart correct parametr from directive angularjs
- get bot xAxis values when doing click event on highcharts
- HighCharts Line xas datetime