He estado tratando de reproducir esta funcionalidad de Highcharts.js en Echarts.js para hacer un gráfico a pantalla completa: https://www.highcharts.com/demo/line-basic .

Tenga en cuenta que al hacer clic en el botón superior derecho puede seleccionar un modo de pantalla completa, que luego puede desactivarse presionando Esc.

He intentado crear un botón personalizado en Echarts.js como este en Highcharts https://jsfiddle.net/BlackLabel/1ga2fqL0/ sin mucho éxito:

 btn.addEventListener('click', function() { Highcharts.FullScreen = function(container) { this.init(container.parentNode); // main div of the chart }; Highcharts.FullScreen.prototype = { init: function(container) { if (container.requestFullscreen) { container.requestFullscreen(); } else if (container.mozRequestFullScreen) { container.mozRequestFullScreen(); } else if (container.webkitRequestFullscreen) { container.webkitRequestFullscreen(); } else if (container.msRequestFullscreen) { container.msRequestFullscreen(); } } }; chart.fullscreen = new Highcharts.FullScreen(chart.container); })

¿Algunas ideas?