score:1
Accepted answer
you can add this img inside the render events which triggers every time chart was resized.
events: {
render() {
var
chart = this,
imgwidth = 50;
//delete old image
if(chart.customimg){
chart.customimg.destroy();
}
chart.customimg = chart.renderer
.image('https://www.highcharts.com/samples/graphics/sun.png', chart.chartwidth - imgwidth, 0, imgwidth, imgwidth)
.add();
}
},
demo: https://jsfiddle.net/blacklabel/ybdt4mn8/
api: https://api.highcharts.com/highcharts/chart.events.render
also, how can i make the image appear underneath the plot points so the plot point color still shows?
for me, it looks like the custom image has lower zindex than point and appears underneath.
if you have any additional questions - feel free to ask.
Source: stackoverflow.com
Related Query
- Rails ActiveRecord group_by & sum db results for use with Lazy HighCharts
- Using highcharts with rails not displaying plotLines
- Highcharts - Global configuration with common code and unique data & Headings
- How to input plot data into highcharts with rails
- passing formatting JavaScript code to HighCharts with JSON
- Highcharts with Turbolinks - Rails 4
- Plot Highcharts data from past 30 days with Ruby on Rails
- Highcharts series visibility with csv data source
- Highcharts with Rails
- How to have multiple highcharts with different series data in vuejs without repeating code
- Why code of Horizonal line(y-axis) on a single in Highcharts get applied to all other charts integrated with Webdatarocks
- Highcharts with Rails 6
- Using Highcharts with Rails 6
- Highcharts cloud issue with data source when duplicating chart
- Getting numbers on Y-axis to show up as percentages with code from a Highcharts code generator tool?
- Highcharts code with same set of code/data works in PHP but does not work in JSfiddle
- Reload chart data via JSON with Highcharts
- Highcharts - how to have a chart with dynamic height?
- Resize height with Highcharts
- Styling bar colors in Highcharts with a gradient issue
- How to use highcharts with angular 5?
- Loading Highcharts with require.js
- dealing with highcharts bar chart with really long category names
- Handling unix timestamp with highcharts
- Displaying hours and minutes on x-axis with Highcharts
- Highcharts - Keep Zero Centered on Y-Axis with Negative Values
- Resize data points with highcharts
- How to include highcharts with bower?
- Highcharts doesn't display series with lots of data points
- HighCharts - two Y-axis, one with max value
More Query from same tag
- Text Gradient Highcharts Wordcloud
- Why dynamically updated data in highstock seems not work properly
- clip path in highcharts chart makes line invisible
- Why does my Controller not pass instance variables for js.erb file?
- Highstock don't draw any
- Highcharts : style (css)
- Disable PDF and SVG download options in Highcharts
- How to make HighStock / HighChart scroll bar location default to the left hand side?
- How to use array_merge to display non-quoted commands in PHP/Highcharts?
- set a symbol marker with highchart
- Highcharts can not display ajax's return data
- highcharts render does not match grid in docraptor rendered pdf
- Highcharts don't show data after remove
- Highcharts timeseries, X-axis min not working
- How to set specific color for each data in pie chart using phplot.php
- How to change the bar color in Highcharts
- Loading Javascript Highcharts series data issues
- how to aggregate data from mongodb collection to highstock series data format
- Highcharts change pointPlacement through javascript
- High chart export not working in android webview
- How to remove the gap between yAxis and data?
- Highcharts gauge not showing colour as expected
- highcharts can't work in website
- Highchart navigator data format
- Control positioning of background image/pattern
- Highcharts stick column to x axis
- Disable the UTC timezone
- Highcharts Treemap with multiple series: getting them all to show in legend
- Create Table using Highcharts GWT
- JS Graphs using positive & negative values (Single line graph)