asp.net - 剣道棒グラフのサイズを画面いっぱいに変更できますが、円グラフやゲージはできません

Question

チャートがクリックされたときに次のスタイルがチャートに適用されます。これにより、他のすべての Div 要素が非表示になり、クリックされたものが「フルスクリーン」に見えます。

<style>
     .hidden {
                display: none;
             }
     .overlay {
                position: absolute !important;
                top: 0 !important;
                left: 0 !important;
                bottom: 0 !important;
                right: 0 !important;
                width: 100% !important;
                height: 100% !important;
              }
    </style>

以下を使用します。

var fullScreen = 0;

    $('#VehicleStatus').click(function () {

    if (fullScreen == 0) {
        var position = $("#VehicleStatus").position();
        var leftCoord = position.left;
        var rightCoord = position.right;
        var topCoord = position.top;
        var bottomCoord = position.bottom;
        $(".all").addClass("hidden");
        $("#VehicleStatus").removeClass("hidden");
        $("#VehicleStatus").addClass("overlay");
        fullScreen = 1;
    }
    else {

        $(".all").removeClass("hidden");
        $("#VehicleStatus").removeClass("overlay");
        $("#VehicleStatus").css("position", "relative");
        $("#VehicleStatus").css("top", topCoord);
        $("#VehicleStatus").css("bottom", bottomCoord);
        $("#VehicleStatus").css("left", leftCoord);
        $("#VehicleStatus").css("right", rightCoord);
        $("#VehicleStatus").css("width", "500px");
        $("#VehicleStatus").css("height", "280px");
        fullScreen = 0;

    }
})

しかし、円グラフまたはゲージのいずれかの ID を使用すると、機能しません。ゲージは画面の左上に移動し、元のサイズのままで、円グラフはページからすべてを削除します。

誰かが私が間違っている場所を知っていますか?