richaagg
Posts: 1
Joined: Wed Nov 30, 2022 10:42 pm

HIghcharts 10 how to use Fullscreen and Exporting buttons

Hi Team.

We have been using Highcharts 6.x previously where we use to apply fullscreen functionality by using chart.fullscreen.open and reference exporting buttons option by Highcharts.getOptions().exporting.

After moving to Highcharts 10.x , we are getting error that .fullscreen & .exporting doesn't exist.

Could you pls guide how to use it in 10.x. We have created a custom toolbar with export and fullscreen icons and we want to provide this functionality to our users by clicking on these icons.
kamil.m
Posts: 892
Joined: Thu May 19, 2022 1:33 pm

Re: HIghcharts 10 how to use Fullscreen and Exporting buttons

Hello,

Welcome to our forum and thank you for contacting us with your question.

I have prepared a very simple chart, with latest Highcharts version, where you can programatically export it and turn on the fullscreen mode. To make it work, please remember to include exporting and full-screen modules in the HTML.

Demo: https://jsfiddle.net/BlackLabel/jnyqb3g0/
API References: https://api.highcharts.com/class-refere ... xportChart
https://api.highcharts.com/class-refere ... creen#open

Let me know if that's what you were looking for,
Best regards!
Kamil Musiałowski
Highcharts Developer

Return to “Highcharts Usage”