score:1
Accepted answer
You forgot to include chart.plotTop
in the calculations. Properties plotX
and plotY
from points are in relation to plotArea
and the chart.renderer
method includes the entire chart.
this.renderer.image(
url,
point.plotX - (imgWidth / 5),
point.plotY + this.plotTop - imgHeight,
imgWidth,
imgHeight
).attr({
zIndex: 3
}).add();
Live demo: http://jsfiddle.net/BlackLabel/svp7rnkg/
Source: stackoverflow.com
Related Query
- Highcharts: Renderer positioning issue on different screen size breakpoints
- resizing and positioning issue with gridster and multiple highcharts
- highcharts legend marker and series marker with different size
- Highcharts renderer x and y different on Firefox vs Chrome
- Highcharts screen fitting issue
- How to have multiple highcharts with different series data in vuejs without repeating code
- highcharts dynamic spline with fluid size issue in table
- Highcharts cloud issue with data source when duplicating chart
- Set HighCharts marginTop dynamically based on mobile device screen size
- Highcharts dataLabel positioning issue in FF and IE
- Highcharts unable to fit it to mobile screen size
- correct positioning with Highcharts renderer on a bar chart
- Exiting full screen does not re-render graph to same size in highcharts exporting at angular 7
- set different colors for each column in highcharts
- Highcharts - issue about full chart width
- Styling bar colors in Highcharts with a gradient issue
- Changing Highcharts font size
- HighCharts full width issue
- jQuery UI Tabs and Highcharts display/rendering issue
- Highcharts remove renderer path
- Highcharts data series issue with ajax/json and PHP
- Extend highcharts renderer symbols to have plus sign
- Highcharts Pie Chart ignores percentageDecimals tooltip setting and has floating point inaccuracy issue
- Highcharts graph X-axis label for different date ranges
- Highcharts pie chart dynamically changes size
- Highcharts - Legend Positioning outside the chart
- Highcharts shared tooltip requires different valueSuffix and varying decimals
- Highcharts - HTML tooltip & datalabels render issue
- Two different thresholds in HighCharts 3.0
- Population pyramid for different regions in Highcharts
More Query from same tag
- Highchart line chart Tooltip showing index value instead of X-axis formatted label name
- toggle pie chart data using external button
- How to parse and create JSON tuples with php
- Retrieve missing column Values
- Renaming items in export menu in highcharts
- How to hide series via the legend in highstock ?
- How to draw a smooth line for a polynomial fuction?
- Move label above bar
- How Can I add sections of categories in gantt highcharts?
- jQuery: reading information from a text file and using content in text
- How to export CSV and XLS with external button in Highcharts
- customizing Highcharts problems. New
- AngularJS $resource caching with deferreds
- Highchart tooltip value should be format based on locale
- How to render the missing data series and fix the dates on the x-axis in Highcharts?
- Dynamic tooltip for Dynamic Highchart
- How can I highlight USA using Highcharts without highlighting Alaska?
- How to convert highchart to binary image
- Highchart yAxis plotLines label position
- How do I hide an overflowing Highcharts treemap datalabel?
- Highcharts - Why is column so narrow on datetime axis?
- Highcharts-more.js doesn't work in vue-cli project
- Chart's width is impacting to my second x axis labels in Highcharts
- How to check if Highcharts y-axis exists
- Highcharts: How do I get columns to have specific color with multiple series
- Array as Highcharts series isn't working
- Highcharts remove column defined by keys from export to CSV
- Extend Highcharts Export
- Adding date range filter to Highcharts chart
- Highcharts milliseconds displaying incorrectly in xaxis