<%@ Page Language="vb" %>
<!DOCTYPE html>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head runat="server">
<title>Telerik ASP.NET Example</title>
<link href="styles.css" rel="stylesheet" />
</head>
<body>
<form id="form1" runat="server">
<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
<telerik:RadSkinManager ID="RadSkinManager1" runat="server" ShowChooser="true" />
<script type="text/javascript" src="scripts.js"></script>
<div class="demo-containers">
<div class="demo-container">
<telerik:RadButton RenderMode="Lightweight" runat="server" ID="rbPrintLeft" Text="Print this chart" AutoPostBack="false"
OnClientClicked="telerikDemo.printChartOnly" CssClass="PrintButton">
<Icon PrimaryIconCssClass="rbPrint"></Icon>
</telerik:RadButton>
<telerik:RadHtmlChart ID="chartWeeklyVisits" runat="server" Width="350" Height="550">
<ChartTitle Text="Home page visits per week">
</ChartTitle>
<Legend>
<Appearance Position="Bottom" />
</Legend>
<PlotArea>
<Series>
<telerik:LineSeries Name="June 2012">
<LabelsAppearance DataFormatString="{0} visits">
</LabelsAppearance>
<TooltipsAppearance Visible="false"></TooltipsAppearance>
<MarkersAppearance MarkersType="Circle"></MarkersAppearance>
<SeriesItems>
<telerik:CategorySeriesItem Y="23"></telerik:CategorySeriesItem>
<telerik:CategorySeriesItem Y="27"></telerik:CategorySeriesItem>
<telerik:CategorySeriesItem Y="13"></telerik:CategorySeriesItem>
<telerik:CategorySeriesItem Y="33"></telerik:CategorySeriesItem>
</SeriesItems>
</telerik:LineSeries>
<telerik:LineSeries Name="July 2012">
<LabelsAppearance DataFormatString="{0} visits">
</LabelsAppearance>
<TooltipsAppearance Visible="false"></TooltipsAppearance>
<MarkersAppearance MarkersType="Circle"></MarkersAppearance>
<SeriesItems>
<telerik:CategorySeriesItem Y="50"></telerik:CategorySeriesItem>
<telerik:CategorySeriesItem Y="35"></telerik:CategorySeriesItem>
<telerik:CategorySeriesItem Y="42"></telerik:CategorySeriesItem>
<telerik:CategorySeriesItem Y="39"></telerik:CategorySeriesItem>
</SeriesItems>
</telerik:LineSeries>
<telerik:LineSeries Name="August 2012">
<LabelsAppearance DataFormatString="{0} visits">
</LabelsAppearance>
<TooltipsAppearance Visible="false"></TooltipsAppearance>
<MarkersAppearance MarkersType="Circle"></MarkersAppearance>
<SeriesItems>
<telerik:CategorySeriesItem Y="63"></telerik:CategorySeriesItem>
<telerik:CategorySeriesItem Y="47"></telerik:CategorySeriesItem>
<telerik:CategorySeriesItem Y="55"></telerik:CategorySeriesItem>
<telerik:CategorySeriesItem Y="61"></telerik:CategorySeriesItem>
</SeriesItems>
</telerik:LineSeries>
</Series>
<XAxis>
<LabelsAppearance DataFormatString="Week {0}">
</LabelsAppearance>
<MajorGridLines Visible="false"></MajorGridLines>
<MinorGridLines Visible="false"></MinorGridLines>
<TitleAppearance Text="Week of the month">
</TitleAppearance>
<Items>
<telerik:AxisItem LabelText="1"></telerik:AxisItem>
<telerik:AxisItem LabelText="2"></telerik:AxisItem>
<telerik:AxisItem LabelText="3"></telerik:AxisItem>
<telerik:AxisItem LabelText="4"></telerik:AxisItem>
</Items>
</XAxis>
<YAxis>
<MinorGridLines Visible="false"></MinorGridLines>
<TitleAppearance Text="Number of visits">
</TitleAppearance>
</YAxis>
</PlotArea>
</telerik:RadHtmlChart>
</div>
<div class="demo-container">
<telerik:RadButton RenderMode="Lightweight" runat="server" ID="rbPrintRight" Text="Print this chart" AutoPostBack="false"
OnClientClicked="telerikDemo.printChartOnly" CssClass="PrintButton">
<Icon PrimaryIconCssClass="rbPrint"></Icon>
</telerik:RadButton>
<telerik:RadHtmlChart ID="chartQuarterlyVisits" runat="server" Width="350" Height="550">
<ChartTitle Text="Page visits per quarter">
</ChartTitle>
<Legend>
<Appearance Position="Bottom" />
</Legend>
<PlotArea>
<Series>
<telerik:LineSeries Name="Home page">
<LabelsAppearance DataFormatString="{0} visits">
</LabelsAppearance>
<TooltipsAppearance Visible="false"></TooltipsAppearance>
<MarkersAppearance MarkersType="Circle"></MarkersAppearance>
<SeriesItems>
<telerik:CategorySeriesItem Y="380"></telerik:CategorySeriesItem>
<telerik:CategorySeriesItem Y="488"></telerik:CategorySeriesItem>
<telerik:CategorySeriesItem Y="303"></telerik:CategorySeriesItem>
<telerik:CategorySeriesItem Y="408"></telerik:CategorySeriesItem>
</SeriesItems>
</telerik:LineSeries>
<telerik:LineSeries Name="About Us page">
<LabelsAppearance DataFormatString="{0} visits">
</LabelsAppearance>
<TooltipsAppearance Visible="false"></TooltipsAppearance>
<MarkersAppearance MarkersType="Circle"></MarkersAppearance>
<SeriesItems>
<telerik:CategorySeriesItem Y="150"></telerik:CategorySeriesItem>
<telerik:CategorySeriesItem Y="135"></telerik:CategorySeriesItem>
<telerik:CategorySeriesItem Y="202"></telerik:CategorySeriesItem>
<telerik:CategorySeriesItem Y="309"></telerik:CategorySeriesItem>
</SeriesItems>
</telerik:LineSeries>
<telerik:LineSeries Name="Contacts page">
<LabelsAppearance DataFormatString="{0} visits">
</LabelsAppearance>
<TooltipsAppearance Visible="false"></TooltipsAppearance>
<MarkersAppearance MarkersType="Circle"></MarkersAppearance>
<SeriesItems>
<telerik:CategorySeriesItem Y="63"></telerik:CategorySeriesItem>
<telerik:CategorySeriesItem Y="47"></telerik:CategorySeriesItem>
<telerik:CategorySeriesItem Y="55"></telerik:CategorySeriesItem>
<telerik:CategorySeriesItem Y="81"></telerik:CategorySeriesItem>
</SeriesItems>
</telerik:LineSeries>
</Series>
<XAxis>
<LabelsAppearance DataFormatString="Q{0}">
</LabelsAppearance>
<MajorGridLines Visible="false"></MajorGridLines>
<MinorGridLines Visible="false"></MinorGridLines>
<TitleAppearance Text="Quarter">
</TitleAppearance>
<Items>
<telerik:AxisItem LabelText="1"></telerik:AxisItem>
<telerik:AxisItem LabelText="2"></telerik:AxisItem>
<telerik:AxisItem LabelText="3"></telerik:AxisItem>
<telerik:AxisItem LabelText="4"></telerik:AxisItem>
</Items>
</XAxis>
<YAxis>
<MinorGridLines Visible="false"></MinorGridLines>
<TitleAppearance Text="Number of visits">
</TitleAppearance>
</YAxis>
</PlotArea>
</telerik:RadHtmlChart>
</div>
</div>
</form>
</body>
</html>