div 旋转后 控件点击无效

移动端面板 旋转后 控件点击无效

解决思路

// 添加echarts外壳节点, 解决移动端横屏按钮点击无效问题，假如是移动端横屏时添加多一次iframe
function addChartBox(box, containerId, fn) {
    // 点击显示大屏的情况
    var canvasContainer = $("<div id='" + containerId + "_chart' style='width: 100%;height: 100%;'></div>");
    if (containerId === 'chart_detail') {
        var h = $('#chart_detail').height();
        var w = $('#chart_detail').width();
        var iframe = $('<iframe name="myIframe" id="myIframe" style="width:100%;height: 100%;border: none;position: absolute; z-index: -1" scrolling="no"> </iframe>');
        box.append(iframe);
        // 等待iframe加载完后再添加节点
        iframe.ready(function () {
            var iframeDocument = iframe.contents();
            iframeSyncLink(iframeDocument);
            iframeDocument.find('body').append(canvasContainer).css({width: '100%', height: '100%', margin: '0px'});
            canvasContainer.height(h);
            canvasContainer.width(w);
            fn && fn(canvasContainer)
        })
    } else {
        box.append(canvasContainer);
        fn && fn(canvasContainer)
    }
    //return canvasContainer;
}