<%@ Page Title="" Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.HtmlChart.Crosshair.DefaultCS" %>
<%@ 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-narrow">
<telerik:RadHtmlChart runat="server" ID="ChartWithColumnsAndLineSeries" Width="500px" Height="400px">
<ChartTitle Text="Chart with Crosshairs">
</ChartTitle>
<PlotArea>
<Series>
<telerik:ColumnSeries>
<SeriesItems>
<telerik:CategorySeriesItem Y="34" />
<telerik:CategorySeriesItem Y="76" />
<telerik:CategorySeriesItem Y="20" />
<telerik:CategorySeriesItem Y="15" />
<telerik:CategorySeriesItem Y="84" />
</SeriesItems>
<TooltipsAppearance Color="White" />
</telerik:ColumnSeries>
<telerik:LineSeries>
<SeriesItems>
<telerik:CategorySeriesItem Y="76" />
<telerik:CategorySeriesItem Y="12" />
<telerik:CategorySeriesItem Y="28" />
<telerik:CategorySeriesItem Y="92" />
<telerik:CategorySeriesItem Y="54" />
</SeriesItems>
<TooltipsAppearance Color="White" />
</telerik:LineSeries>
</Series>
<XAxis>
<CrosshairAppearance Color="#0000ff" DashType="Solid" Opacity="0.5" Visible="true" Width="2">
<TooltipsAppearance BackgroundColor="#0066ff" Color="#ffffff" Visible="true" DataFormatString="XAxis value is {0}">
<BorderAppearance Width="1" Color="#0000ff" />
</TooltipsAppearance>
</CrosshairAppearance>
<Items>
<telerik:AxisItem LabelText="2016" />
<telerik:AxisItem LabelText="2017" />
<telerik:AxisItem LabelText="2018" />
<telerik:AxisItem LabelText="2019" />
<telerik:AxisItem LabelText="2020" />
</Items>
</XAxis>
<YAxis>
<CrosshairAppearance Color="Red" DashType="Dot" Opacity="1" Visible="true" Width="3">
<TooltipsAppearance BackgroundColor="#ff6666" Color="#ffffff" Visible="true" DataFormatString="YAxis value is {0}">
<BorderAppearance Width="1" Color="#ff0000" />
</TooltipsAppearance>
</CrosshairAppearance>
</YAxis>
</PlotArea>
<Legend>
<Appearance Visible="false" />
</Legend>
</telerik:RadHtmlChart>
</div>
</form>
</body>
</html>