HtmlChart-响应图asp.net

时间:2019-04-17 06:55:05

标签: asp.net responsive radhtmlchart

因此,我尝试使用telerik:RadHtmlChart尝试使我的图表更具响应性,以便当用户调整屏幕大小时,图表也进行调整,但是在代码中不起作用。 但是,当我尝试将其放入代码中时,它说“ ClientEvents不支持”,任何人都知道,乳清我检查了web.config,它看起来还不错 帮助

<div class="demo-container">
        <telerik:RadHtmlChart runat="server" ID="BarChart" Height="300px" Width="100%">
            <ClientEvents OnLoad="chartLoad" />
            <PlotArea>
                <XAxis>
                    <Items>
                        <telerik:AxisItem LabelText="Item 1"></telerik:AxisItem>
                        <telerik:AxisItem LabelText="Item 2"></telerik:AxisItem>
                        <telerik:AxisItem LabelText="Item 3"></telerik:AxisItem>
                    </Items>
                </XAxis>
                <Series>
                    <telerik:BarSeries Name="Series 1">
                        <SeriesItems>
                            <telerik:CategorySeriesItem Y="25"></telerik:CategorySeriesItem>
                            <telerik:CategorySeriesItem Y="-12"></telerik:CategorySeriesItem>
                            <telerik:CategorySeriesItem Y="39"></telerik:CategorySeriesItem>
                        </SeriesItems>
                    </telerik:BarSeries>
                    <telerik:BarSeries Name="Series 2">
                        <SeriesItems>
                            <telerik:CategorySeriesItem Y="-15"></telerik:CategorySeriesItem>
                            <telerik:CategorySeriesItem Y="38"></telerik:CategorySeriesItem>
                            <telerik:CategorySeriesItem Y="-11"></telerik:CategorySeriesItem>
                        </SeriesItems>
                    </telerik:BarSeries>
                </Series>
            </PlotArea>
        </telerik:RadHtmlChart>
    </div>

1 个答案:

答案 0 :(得分:0)

以下在线资源显示了如何使RadHtmlChart响应:

Responsive Telerik RadHtmlChart https://demos.telerik.com/aspnet-ajax/htmlchart/examples/functionality/responsive-chart/defaultcs.aspx https://www.telerik.com/support/code-library/radhtmlchart-in-a-responsive-web-page

window.onresize = function () {
    $find("<%=RadHtmlChart1.ClientID%>").get_kendoWidget().resize();
}