<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>


<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
            <Scripts>
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
                <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
            </Scripts>
        </telerik:RadScriptManager>

        <telerik:RadHtmlChart runat="server" ID="ColumnChart" Width="800" Height="500" Transitions="true" Skin="Silk">
            <Appearance>
                <FillStyle BackgroundColor="White"></FillStyle>
            </Appearance>
            <ChartTitle>
                <Appearance Align="Center" BackgroundColor="White" Position="Top">
                    <TextStyle Bold="false" FontFamily="Helvetica" Italic="false" Color="Black" FontSize="16"
                        Margin="8" Padding="8" />
                </Appearance>
            </ChartTitle>
            <Legend>
                <Appearance BackgroundColor="White" Position="Bottom" Align="Center" Orientation="Horizontal" Width="0" Height="0" OffsetX="0" OffsetY="0">
                    <TextStyle Bold="false" FontFamily="Helvetica" Italic="false" Color="Black" FontSize="12"
                        Margin="0" Padding="0" />
                </Appearance>
            </Legend>
            <PlotArea>
                <Appearance>
                    <TextStyle Margin="0 0 0 0" />
                    <FillStyle BackgroundColor="White"></FillStyle>
                </Appearance>
                <CommonTooltipsAppearance Color="White">
                    <SharedTemplate><div>GDP in #= category #</div># for (var i = 0; i < points.length; i++) { # <div>#: points[i].series.name#: #: points[i].value #</div># } #</SharedTemplate>
                </CommonTooltipsAppearance>
                <XAxis AxisCrossingValue="0" Color="#b3b3b3" MajorTickType="Outside" MinorTickType="Outside"
                    Reversed="false">
                    <Items>
                        <telerik:AxisItem LabelText="1999"></telerik:AxisItem>
                        <telerik:AxisItem LabelText="2000"></telerik:AxisItem>
                        <telerik:AxisItem LabelText="2001"></telerik:AxisItem>
                        <telerik:AxisItem LabelText="2002"></telerik:AxisItem>
                    </Items>
                    <LabelsAppearance DataFormatString="{0}" RotationAngle="0" Mirror="false">
                        <TextStyle Bold="false" FontFamily="Helvetica" Color="Black" FontSize="12" Italic="false"
                            Margin="0" Padding="0" />
                    </LabelsAppearance>
                    <MajorGridLines Color="#EFEFEF" Width="1"></MajorGridLines>
                    <MinorGridLines Color="#F7F7F7" Width="1"></MinorGridLines>
                    <TitleAppearance Position="Center" RotationAngle="0" Text="Years">
                        <TextStyle Bold="false" FontFamily="Helvetica" Color="Black" FontSize="16" Italic="false"
                            Margin="2" Padding="2" />
                    </TitleAppearance>
                </XAxis>
                <YAxis AxisCrossingValue="0" Color="#b3b3b3" MajorTickSize="4" MajorTickType="Outside" NarrowRange="false"
                    MaxValue="50000" MinorTickSize="1" MinorTickType="Outside" Reversed="false"
                    Step="5000">
                    <LabelsAppearance DataFormatString="{0}" RotationAngle="0" Mirror="false">
                        <TextStyle Bold="false" FontFamily="Helvetica" Color="Black" FontSize="12" Italic="false"
                            Margin="0" Padding="0" />
                    </LabelsAppearance>
                    <MajorGridLines Color="#EFEFEF" Width="1"></MajorGridLines>
                    <MinorGridLines Color="#F7F7F7" Width="1"></MinorGridLines>
                    <TitleAppearance Position="Center" RotationAngle="0" Text="GDP">
                        <TextStyle Bold="false" FontFamily="Helvetica" Color="Black" FontSize="16" Italic="false"
                            Margin="2" Padding="2" />
                    </TitleAppearance>
                </YAxis>
                <Series>
                    <telerik:ColumnSeries Name="Transport" Stacked="false" Visible="true" VisibleInLegend="true">
                        <BorderAppearance Width="1" Color="#226200" />
                        <Appearance>
                            <FillStyle BackgroundColor="#2A7A00"></FillStyle>
                        </Appearance>
                        <LabelsAppearance DataFormatString="{0}" Position="OutsideEnd">
                            <TextStyle Bold="false" Color="Black" FontFamily="Helvetica" FontSize="12" Italic="false"
                                Margin="6" Padding="6"></TextStyle>
                        </LabelsAppearance>
                        <TooltipsAppearance Color="White" DataFormatString="{0}"></TooltipsAppearance>
                        <SeriesItems>
                            <telerik:CategorySeriesItem Y="32735.7" BackgroundColor="Red"></telerik:CategorySeriesItem>
                            <telerik:CategorySeriesItem Y="37911.3"></telerik:CategorySeriesItem>
                            <telerik:CategorySeriesItem Y="39462.8"></telerik:CategorySeriesItem>
                            <telerik:CategorySeriesItem Y="32234.5"></telerik:CategorySeriesItem>
                        </SeriesItems>
                    </telerik:ColumnSeries>
                    <telerik:ColumnSeries Name="Community">
                        <Appearance>
                            <FillStyle BackgroundColor="#B8D936"></FillStyle>
                        </Appearance>
                        <LabelsAppearance DataFormatString="{0}" Position="OutsideEnd">
                            <TextStyle Bold="false" Color="Black" FontFamily="Helvetica" FontSize="12" Italic="false"
                                Margin="6" Padding="6"></TextStyle>
                        </LabelsAppearance>
                        <TooltipsAppearance Color="Black" DataFormatString="{0}"></TooltipsAppearance>
                        <SeriesItems>
                            <telerik:CategorySeriesItem Y="22453.9"></telerik:CategorySeriesItem>
                            <telerik:CategorySeriesItem Y="24394.3"></telerik:CategorySeriesItem>
                            <telerik:CategorySeriesItem Y="26333.1"></telerik:CategorySeriesItem>
                            <telerik:CategorySeriesItem Y="35109"></telerik:CategorySeriesItem>
                        </SeriesItems>
                    </telerik:ColumnSeries>
                </Series>
            </PlotArea>
        </telerik:RadHtmlChart>
    </form>
</body>
</html>
