如何将变量从客户端传递到服务器端以设置 webchartcontol 宽度答案

【问题标题】：How to pass variable from client side to the server side to set the webchartcontol width如何将变量从客户端传递到服务器端以设置 webchartcontol 宽度
【发布时间】：2019-08-29 14:34:05
【问题描述】：

我的问题是 devexpress 库的 webchartcontrol 只接受以 px 为单位的宽度而不是相对的宽度，我想将宽度记录设置为它的父 div。

我尝试了很多东西，但由于缺乏编码，我是 asp.net 的初学者。我不知道将 div 的宽度传递到服务器端然后在页面加载时设置图表控件的宽度的正确方法，我尝试设置隐藏字段值并从 JavaScript 调用，但它不起作用

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">




    <div id="demo">

        <input id="Hidden1" type="hidden" value="500" runat="server"/>

        <script type="text/javascript">

           document.getElementById("Hidden1").value = 1000;
        </script>





        <dx:WebChartControl ID="Chart" runat="server" OnCustomCallback="Chart_CustomCallback" CrosshairEnabled="True" Height="200px" Width="300px">


        </dx:WebChartControl>




    </div>

</asp:Content>


 protected void Page_Load(object sender, EventArgs e)
        {
            if (!Page.IsPostBack)
            {
                  Load_Live_Trend(Chart);
                Chart.Width = new Unit(Convert.ToInt32(Hidden1));

            }



        }

【问题讨论】：

你应该重新格式化代码 sn-p。

标签： javascript c# asp.net webforms devexpress

【解决方案1】：

从 v18.2 开始，WebChartControl 支持客户端 SetChartSize 方法，该方法发送回调并以新大小呈现图表（请参阅 ASPxClientWebChartControl API）。另见：https://github.com/DevExpress-Examples/how-to-resize-a-chart-according-to-the-actual-size-of-a-web-browsers-window-e252。

【讨论】：