New to Telerik UI for ASP.NET AJAX? Download free 30-day trial

    Array

    JanuaryFebruraryMarchAprilMayJuneJulyAugustSeptemberOctoberNovemberDecember0%5%10%15%20%25%30%IE market share in 2011

    The series in this ASP.NET AJAX Chart example does not have data declared in the markup and takes the values from the array given as a data source to the chart. The Y-axis automatically adjusts to accommodate the values and its appearance can be controlled more precisely via its properties.

    • DefaultCS.aspx
    • DefaultCS.aspx.cs
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.HtmlChart.DataBinding.BindToArray.DefaultCS" %>
     
    <%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
     
    <!DOCTYPE html>
    <html xmlns='http://www.w3.org/1999/xhtml'>
    <head runat="server">
        <title>Telerik ASP.NET Example</title>
    </head>
     
    <body>
        <form id="form1" runat="server">
        <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
        <telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
        <div class="demo-container size-wide">
            <telerik:RadHtmlChart runat="server" ID="RadHtmlChart1" Width="800px" Height="500px">
                <PlotArea>
                    <Series>
                        <telerik:LineSeries Name="2011">
                            <TooltipsAppearance Color="White" DataFormatString="{0}%"></TooltipsAppearance>
                            <LabelsAppearance Visible="false">
                            </LabelsAppearance>
                        </telerik:LineSeries>
                    </Series>
                    <XAxis>
                        <Items>
                            <telerik:AxisItem LabelText="January"></telerik:AxisItem>
                            <telerik:AxisItem LabelText="Februrary"></telerik:AxisItem>
                            <telerik:AxisItem LabelText="March"></telerik:AxisItem>
                            <telerik:AxisItem LabelText="April"></telerik:AxisItem>
                            <telerik:AxisItem LabelText="May"></telerik:AxisItem>
                            <telerik:AxisItem LabelText="June"></telerik:AxisItem>
                            <telerik:AxisItem LabelText="July"></telerik:AxisItem>
                            <telerik:AxisItem LabelText="August"></telerik:AxisItem>
                            <telerik:AxisItem LabelText="September"></telerik:AxisItem>
                            <telerik:AxisItem LabelText="October"></telerik:AxisItem>
                            <telerik:AxisItem LabelText="November"></telerik:AxisItem>
                            <telerik:AxisItem LabelText="December"></telerik:AxisItem>
                        </Items>
                    </XAxis>
                    <YAxis>
                        <LabelsAppearance DataFormatString="{0}%"></LabelsAppearance>
                    </YAxis>
                </PlotArea>
                <Legend>
                    <Appearance Visible="false"></Appearance>
                </Legend>
                <ChartTitle Text="IE market share in 2011">
                </ChartTitle>
            </telerik:RadHtmlChart>
        </div>
        </form>
    </body>
    </html>

    Support & Learning Resources

    Find Assistance