score:14
Accepted answer
Finally, I figured it out like this. May be it will help others.
function callback($this){
var img = $this.renderer.image('images/zoom_icon.png',$this.chartWidth-40,5,40,12);
img.add();
img.css({'cursor':'pointer'});
img.attr({'title':'Pop out chart'});
img.on('click',function(){
// prcessing after image is clicked
});
}
new Highcharts.Chart(charts.params,callback);
// where charts.params is object which contains options for chart
Source: stackoverflow.com
Related Query
- Highcharts: Add a custom image button
- Dynamically add and remove custom export button in highcharts
- How to add and resize image in context button of highcharts
- Tooltip on custom button in Highcharts
- Custom Highcharts Context Menu Button Appearing in Every Chart on Page
- How to add image in Highcharts Title and subtitle
- Highcharts applying custom style to context button using css class
- how to add custom button on highstock/highcharts on subplot/addAxis
- Add custom buttons in Angular Highcharts Line Chart
- Highcharts create custom button in config
- Toggle the custom button text using highcharts
- How to add export functionality to custom button in React highcharts?
- highcharts change rendered image source on click
- How do i add mouse wheel code in Angular2 highcharts in typescript
- How add custom content HighCharts PDF export?
- Exporting with custom data label image in highcharts gantt
- Highcharts add image on export
- How do you get Highcharts to scale up image contents rather than add more details?
- Add a custom text tooltip that differs from point to point in Highcharts
- Highchart: add custom button to show/hide annotations?
- Highcharts add an image to that chart with an onClick event attached to it
- Add image in highcharts labels
- Add Source to Highcharts Export CSV
- Shiny: Add new series to Highcharts plot on button click
- Add custom data on tooltip of Highcharts donut graph
- How to add custom exporting button in highCharts?
- Highcharts: replace custom button image on hover
- highcharts / stock charts custom toolbar button text / title
- How to add custom icons as markers in Highcharts
- how to add custom class name to tick positioner in Highcharts using javascript
More Query from same tag
- Local Angular library using Highcharts breaks in production mode
- How to get the equation value result using Highcharts-Regression?
- Column Highchart not zooming in all the way
- Highcharts: make the X and Y axes intersect at 0
- How Highcharts ChartView redraw or wait for AsyncTask data in Android
- Highcharts - bar chart using triangles instead of bars
- HighCharts Stock Chart error code 18
- highcharts groups of stacked columns
- Highcharts angular wrapper labels.items don't refresh
- HighChart Libraries Android: HIOptions not found in HIChartView
- How to change the color of series(grouped column chart) only with json object(without js function) on Highchart?
- Center Highcharts tooltip in the middle of donut chart in a responsive way
- Highcharts IE8 - Error on page
- Messed up LineChart with highcharts
- plot area width and height in HighCharts
- Get current visible chart data after scroll
- How to get max value by comparing dual y-axis in highchart?
- highcharts - how do I do custom labels on heatmap legend
- Making a node_module global using Webpack 2
- Highcharts through ajax not drawing
- Obtaining highcharts image URL from PHP
- Highcharts scatter external data
- Highcharts Detect mouseOver event only in the colored area
- Highcharts graph remove existing ticks in interval on a category (x-axis)
- Set Opacity using CSS on pie-chart in Highchart
- How to render x-axis labels in Highcharts without the decimal points?
- Can I ignore Highcharts Error #15 untill the functionality is working as expected
- highchart bar using json with series and xAxis data
- highcharts-export-server always produces blank PNG
- Highcharts Display values from sql via json