score:2
It is caused by setting transform's scale
on the wrapping div. You can read more about on Highcharts github here.
There is a workaround for this which seems to work in your example:
Highcharts.wrap(Highcharts.Pointer.prototype, 'normalize', function (proceed, event, chartPosition) {
var e = proceed.call(this, event, chartPosition);
var element = this.chart.container;
if (element && element.offsetWidth && element.offsetHeight) {
var scaleX = element.getBoundingClientRect().width / element.offsetWidth;
var scaleY = element.getBoundingClientRect().height / element.offsetHeight;
if (scaleX !== 1) {
e.chartX = parseInt(e.chartX / scaleX, 10);
}
if (scaleY !== 1) {
e.chartY = parseInt(e.chartY / scaleY, 10);
}
}
return e;
});
live example: https://codepen.io/anon/pen/GxzPKq
Source: stackoverflow.com
Related Query
- RevealJS and Highchart Mouse position Tooltip Issue
- Javascript - Highchart - tooltip position of data points and flags
- Highcharts Pie Chart ignores percentageDecimals tooltip setting and has floating point inaccuracy issue
- Highcharts - Draw Crosshairs / Tooltip on Mouse Position Instead of Snapping to Data Point
- HighChart Tooltip Position can be changed?
- Highchart tooltip position to be fixed
- How to do In highchart tooltip display the first 100 characters and then say "See more .."?
- highchart tooltip not follow mouse
- HighCarts Tooltip position relative to mouse
- Highcharts tooltip get position and change class
- HIGHCHART Activity guage tooltip issue
- Change tooltip position where mouse found
- Highchart stacked column tooltip issue
- Format tooltip in highchart map for dynamic variables, some with commas and others with percents
- How to add a vertical plot line in multiple line series and show the tooltip on Plot line in highchart
- Highchart tooltip issue
- I had follow someone code samples and try apply to my HighChart program but I can't get it work at all
- HighChart Tooltip word-break issue
- Is it possible to trigger tooltip in highchart of a line chart ONLY when the mouse hovers over the point?
- Position next and previous buttons on far right and left side of the Highchart
- HighChart Tooltip addition text and value
- Highcharts: closest point on chart gets highlights and shows tooltip instead of the point where mouse in pointing
- Highchart issue in values and Label text when using 4 axis
- Highcharts - show custom tooltip on mouseOver and on mouse Click
- How to set the position of the first and last child of the tooltip
- highchart select an area to show some info by clicking and drag mouse but not release
- Pie Chart tooltip thousand seperator and rtl labels doesn't work in highchart
- Highchart for temperature and humidity does not share tooltip
- column highchart overlapping and axis X line issue
- Tooltip issue on columnrange highchart
More Query from same tag
- Cannot display multiple Highcharts on a single page
- highchart updating plotOptions
- high charts - how do I get a stacked graph to the full width?
- Highcharts: Series with plotlines. Show only one series at a time
- custom GeoJSON map with pie in highcharts Map
- Need tooltip in customization
- Highcharts displaying blank space
- Rendering Highcharts using Angular js Directives
- HighCharts is only displaying the Title
- Highcharts change line style after intersect
- How to change the chart title dynamically on tooltip hover in the points Highcharts.. React JS
- How to fix "Property 'type' is missing in type but required in type 'SeriesXrangeOptions'" in angular highcharts module
- Setting Highcharts Series and Category data dynamically
- Highcharts: there are two columns after exporting XLS(excel),I want to add another column showing percentage
- Highcharts: how do I add full data to multiple series in a chart
- Highcharts cloud Scatter plot with data array
- how to add dynamic data in a highchart?
- Highcharts - Place the y-axis plot-line label outside the chart area
- Creating graph on webpage using Highcharts
- Getting error while using highcharts in Angular 7
- Pie Chart is not coming with dynamic data in HIghChart
- I want to use the "layouts: hanging" feature at all levels, but when I do so, I get overlapping nodes and incorrect lines
- Highcharts - Different display month
- How to create a custom tooltip in highstocks
- How to change the height of a pane in highstock?
- Displaying a point on another series in Highcharts (without flags)
- make highchart stacked column chart count zero value
- How to make ob/Highcharts work in a symfony3 project
- Issue while Dynamically Modifying yAxis Extremes in Highchart
- Sqlite3 Db to Json, used for Highcharts?