asp .netグラフ（均等に処理する）のサイズを変更する方法

Question

私は棒グラフを作成するためにasp .netチャートコントロールを使用しています。私のaspxページでは、パーセンテージでの幅を設定することはできません（パーセンテージで設定されている場合、実行時にピクセル単位でしか設定できないというエラーが表示されます）。

私はチャート上でクリックイベントを処理しています（別のバーはクリック可能/ハイパーリンク - クリックするとXとYの値をコードのメソッドに送信します）。

今、私はCSSの100％にチャートの幅を設定しようとしましたが、チャートのサイズは変わりますが、ハイパーリンクの位置は変わらず、バーハイパーリンクと実際の表示位置の不一致になりますバーの。 （私が思うにこの理由は - asp chartはブラウザのイメージだけです - 最終的に生成されたHTMLコードにはその場所が含まれており、そのグラフ内のハイパーリンクは座標で定義され、グラフ内の異なる領域をハイパーリンク）。 したがって、CSSを使用すると画像のサイズは変わりますが、ハイパーリンクは同じままです。

なぜ私はaspチャートのサイズを保つ必要があるのは、画面のサイズに応じて画像のサイズを調整したいからです。私が何をすべきか教えてください。ヘルプは高く評価されます。前もって感謝します。

Answer 1

これが助けになるかどうかわかりません。単純なjavascriptを使用して、ページサイズのサイズに基づいてグラフィックのサイズを変更しました。スクリプトをチェックウィンドウサイズがのUpdatePanelを使用して、1024px以上である場合は、私の答えは良いと思えば、ここdocumentation

<script type="text/javascript" language="javascript"> 
     function load() { 
      Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler); 
     } 

     function EndRequestHandler() { 
      $(document).ready(function() { 
       scale(); 

      }); 
      $(window).resize(function() { 
       scale(); 
      }); 
      function scale() { 
       var wi = $(window).width(); 
       if (wi >= 1024) { 
        var w_wi = $("#ChartID").width(); 
        var w_he = $("#ChartID").height(); 
        var rpt = w_he/w_wi; 
        $("#ChartID").css("width", $(window).width()); 
        $("#ChartID").css("height", wi * rpt); 
       } else { 
        scaleDefault(); 
       } 
      } 
      function scaleDefault() { 

       var wi = $(window).width(); 
        var w_wi = $("#ChartID").width(); 
        var w_he = $("#ChartID").height(); 
        var rpt = w_he/w_wi; 
        $("#ChartID").css("width", 1024); 
        $("#ChartID").css("height", 1024 * rpt); 
      } 

     } 
     $(function() { 
      EndRequestHandler(); 
     }); 

    </script>