Question

对不起我的englsih，但我会尽量聪明。

我在智能手机的门户网站上工作，我遇到了amChart的问题。当用户以横向模式转动手机时，我想显示我的图表。所以我为我的图形创建了一个集团：

        <div id="graphC2">
            <div id="chartdiv_Cumul" style="width: 100%; height: 300px;"></div>
        </div>

在我的页面末尾，我写了一些JS ......

        $(window).on("orientationchange",function(){    
            if(window.innerHeight > window.innerWidth){
                document.getElementById("graphC2").style.display = "none";
            }
            else{
                document.getElementById("graphC2").style.display = "block";  
            }
        });

我的问题是：

LOCAL：当用户第一次以横向模式打开手机时，图表始终处于隐藏状态，但是当他将手机（风景）转为借调时间时可以看到...

ONLINE：同样的事情+图表在可见时选择...

对于你的未来回应来说： - ）

Answer 1

您需要获得图表的revalidate the size。 Herby保留图表实例

var chart1 = AmChart.makeChart(...);
var chart2 = AmChart.makeChart(...);

并在更改容器的可见性后调用该方法

$(window).on("orientationchange",function(){    
    if(window.innerHeight > window.innerWidth){
        document.getElementById("graphC2").style.display = "none";
        chart1.invalidateSize();
    }
    else{
        document.getElementById("graphC2").style.display = "block";  
        chart2.invalidateSize();
    }
});

隐藏amChart的图表

1 个答案: