可视化图表全屏

如何全屏

利用原生事件requestFullscreen

 elem.requestFullscreen()

mdn requestFullscreen介绍

兼容性

直接使用遇到兼容性还蛮多， Chrome大多支持，firefox支持， safari不支持

fscreen

帮助解决兼容性问题

github-fscreen

fscreen.requestFullscreen(element);
fscreen.exitFullscreen();
fscreen.addEventListener('fullscreenchange', handler, false);
fscreen.fullscreenElement

背景黑色

:-webkit-full-screen {
    background-color: #f8f8f8 !important;
}
:-moz-full-screen {
    background-color: #f8f8f8 !important;
}

:-ms-fullscreen {
    background-color: #f8f8f8 !important;
}
:fullscreen {
    background-color: #f8f8f8 !important;
}