响应Telerik RadHtmlChart

Question

我正在使用Telerik RadHtml图表我需要图表应该是基于屏幕分辨率的自动大小如何做到这一点。 我试图将宽度和高度设置为自动，但这不起作用。我的图表在datalist中包含我的代码块

 <asp:UpdatePanel ID="pnlContainer" runat="server" UpdateMode="Conditional">
        <ContentTemplate>        
            <div id="wrapper">
                        <asp:DataList ID="dtlstDashboards" runat="server" RepeatColumns="2" RepeatDirection="Horizontal"
                            OnItemDataBound="dtlstDashboards_ItemDataBound" Width="100%" DataKeyField="DashboardID">
                            <ItemTemplate>
                                    <table cellpadding="0" cellspacing="0" border="0">
                                        <tr>
                                            <td align="left">
                                                <telerik:RadHtmlChart runat="server" ID="chrtCntrl"  Width="500px" Height="300px" >
                                                <Legend>
                                                    <Appearance Position="Bottom">
                                                    </Appearance>
                                                </Legend>
                                                <PlotArea>
                                                </PlotArea>
                                                </telerik:RadHtmlChart>
                                            </td>
                                        </tr>
                                    </table>
                            </ItemTemplate>
                        </asp:DataList>
                   </div>
        </ContentTemplate>
    </asp:UpdatePanel>

Answer 1

如果图表的尺寸发生变化（通常在window.resize事件或代码中的任何其他合适位置），您需要调用图表的repaint（）方法：http://www.telerik.com/support/code-library/radhtmlchart-in-a-responsive-web-page。

以下是一个例子：

phpcov

通过这篇文章调整超时想法javascript resize event firing multiple times while dragging the resize handle

Answer 2

Telerik Controls RadGrid和RadHTMLChart需要在每个容器上具有高度和宽度，以百分比为单位进行大小调整。您必须将Height = 100％Width = 100％添加到包含这些项目的所有容器，一直到根目录。