<%@ Page Language="C#" %>
<%@ 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" Skin="Silk">
<ChartTitle Text="Top 3 Economies of \n India"></ChartTitle>
<PlotArea>
<Series>
<telerik:ColumnSeries Name="Year:\n2011-12">
<LabelsAppearance>
<ClientTemplate>#=series.name#\n GDP: #=value#</ClientTemplate>
</LabelsAppearance>
<TooltipsAppearance>
<ClientTemplate> #=series.name#<br /> GDP: #=value#<br /> State: #=category# </ClientTemplate>
</TooltipsAppearance>
<SeriesItems>
<telerik:CategorySeriesItem Y="1199000" />
<telerik:CategorySeriesItem Y="679000" />
<telerik:CategorySeriesItem Y="662000" />
</SeriesItems>
</telerik:ColumnSeries>
<telerik:ColumnSeries Name="Year:\n2012-13">
<LabelsAppearance>
<ClientTemplate>#=series.name#\n GDP: #=value#</ClientTemplate>
</LabelsAppearance>
<TooltipsAppearance>
<ClientTemplate>#=series.name#<br />GDP: #=value#<br />State: #=category#</ClientTemplate>
</TooltipsAppearance>
<SeriesItems>
<telerik:CategorySeriesItem Y="1372000" />
<telerik:CategorySeriesItem Y="768000" />
<telerik:CategorySeriesItem Y="754000" />
</SeriesItems>
</telerik:ColumnSeries>
</Series>
<XAxis>
<Items>
<telerik:AxisItem LabelText="Maha-\nrashtra" />
<telerik:AxisItem LabelText="Uttar\nPradesh" />
<telerik:AxisItem LabelText="Andhra\nPradesh" />
</Items>
</XAxis>
<YAxis>
<TitleAppearance Text="Nominal GDP\n(in Crores of Rupees)"></TitleAppearance>
<MinorGridLines Visible="false" />
</YAxis>
</PlotArea>
</telerik:RadHtmlChart>
</div>
</form>
</body>
</html>