score:1
Accepted answer
As a solution you can add a button as a child of a chart container, for example:
chart: {
...,
events: {
render: function() {
var chart = this,
x = 10,
y = chart.plotTop + chart.plotHeight + 50;
if (!chart.customToggleBtn) {
chart.customToggleBtn = chart.renderer.button(
'Toggle fullscreen',
null,
null,
function() {
chart.fullscreen.toggle();
}).add();
}
chart.customToggleBtn.attr({
x: x,
y: y
});
}
}
}
Live demo: https://jsfiddle.net/BlackLabel/fbcmg392/
API Reference: https://api.highcharts.com/class-reference/Highcharts.SVGRenderer#button
Source: stackoverflow.com
Related Query
- Toggle button visibility on iframe fullscreen with highcharts
- Highcharts series visibility with csv data source
- Toggle Highcharts plotLine with button
- Highcharts : Chart with drilldown how to obtain click event of drill up button
- Highcharts - Global configuration with common code and unique data & Headings
- How to export CSV and XLS with external button in Highcharts
- Toggle the custom button text using highcharts
- Fullscreen panel bootstrap with highcharts (responsive)
- Toggle flags on/off with a button in highcharts/highstock
- passing formatting JavaScript code to HighCharts with JSON
- Fullscreen bootstrap 4 card with highcharts
- Highcharts navigation button and fullscreen button in bootstrap
- Highcharts --> organisation chart --> toggle visibility of node
- How to change Highcharts graph with HTML radio button input (JS/jQuery)
- Fullscreen bootstrap card with highcharts (100% height)
- I want to update my series dynamically on highcharts with a click & also bring it to the original way by clicking on an other button (#previous)
- Mootools Highcharts radio button toggle between charts, working jQuery version
- How to have multiple highcharts with different series data in vuejs without repeating code
- highcharts destroy selected group annotation with button
- Toggle Show/Hide on Highcharts custom export button
- Changing highcharts crosshairs position with clicking button
- Styling HighCharts reset Zoom button with Material UI button
- Why code of Horizonal line(y-axis) on a single in Highcharts get applied to all other charts integrated with Webdatarocks
- Highcharts cloud issue with data source when duplicating chart
- Fullscreen panel bootstrap with highcharts (100% height)
- Highcharts - Toggle between different data with dropdown box
- Highcharts radio button toggle between charts
- Getting numbers on Y-axis to show up as percentages with code from a Highcharts code generator tool?
- Toggle alert visibility using highcharts
- Highcharts React: Menu button doesn´t change from "view full screen" to "exit full screen" when fullscreen mode is on
More Query from same tag
- In Highchart, use JSON file instead of csvURL
- Tooltip Options not working for Highcharts Treemap
- Highcharts add button fix chart
- developing interactive app using shiny and highcharter
- Map appears once, but is »overlaid« with empty map quickly in Highmaps
- Issue with speedometer highcharts dynamically update guage range
- Highchart Stock gui does not work in Angular 8
- Trouble showing results with pie highchart
- HighChart marker highlight / tooltip issue, highlight marker does not move
- Large Y-axis tickInterval in high charts does not work
- Angular Highchart multiple values in tooltip
- groupPadding for stacking series in Highcharts
- Yaxis Values on High Chart Customization
- stacked bar chart using angular-highchart
- Highcharts - Resizing Columns to Fix Data Label
- Get data to NodeRed from Homepage (HighCharts)
- Highcharts how to use column title as X axis and not as Legend
- Highchart showing up empty until button click
- stockChart is not defined(…)
- Get highcharts data without parseJSON
- Highcharts time series combo graph where few months data is null
- How to populate a Highcharts axis with string formatted data from a PHP array
- how to dynamically change chart type in highstock stock chart?
- Credit ON/OFF on Button click in Highcharts
- Typescript: Highcharts not accepting series unless it is individually added
- highcharts get dashstyle from existing series
- Highcharts form submit var not working
- Need help in binding dynamic JSON to Highcharts
- Binding json result in highcharts for asp.net mvc 4
- Highcharts displaying Date axis from milliseconds