<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.HtmlChart.ChartTypes.BarChart.DefaultCS" %>
<%@ Register TagPrefix="qsf" Namespace="Telerik.QuickStart" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html>
<
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
=
"WaterfallChart"
Height
=
"400px"
Width
=
"800px"
Skin
=
"Silk"
>
<
ChartTitle
Text
=
"Product Stock"
>
<
Appearance
Align
=
"Center"
Position
=
"Top"
></
Appearance
>
</
ChartTitle
>
<
PlotArea
>
<
XAxis
AxisCrossingValue
=
"4"
>
<
MinorGridLines
Visible
=
"false"
/>
<
Items
>
<
telerik:AxisItem
LabelText
=
"Available"
></
telerik:AxisItem
>
<
telerik:AxisItem
LabelText
=
"Reserved"
></
telerik:AxisItem
>
<
telerik:AxisItem
LabelText
=
"Damaged"
></
telerik:AxisItem
>
<
telerik:AxisItem
LabelText
=
"In Stock"
></
telerik:AxisItem
>
</
Items
>
</
XAxis
>
<
YAxis
>
<
LabelsAppearance
></
LabelsAppearance
>
<
MinorGridLines
Visible
=
"false"
/>
</
YAxis
>
<
Series
>
<
telerik:HorizontalWaterfallSeries
>
<
TooltipsAppearance
Visible
=
"false"
></
TooltipsAppearance
>
<
LabelsAppearance
Visible
=
"true"
Position
=
"Center"
/>
<
SeriesItems
>
<
telerik:WaterfallSeriesItem
Y
=
"125"
BackgroundColor
=
"LimeGreen"
/>
<
telerik:WaterfallSeriesItem
Y
=
"35"
BackgroundColor
=
"PaleGoldenrod"
/>
<
telerik:WaterfallSeriesItem
Y
=
"20"
BackgroundColor
=
"Salmon"
/>
<
telerik:WaterfallSeriesItem
Summary
=
"RunningTotal"
BackgroundColor
=
"MediumTurquoise"
/>
</
SeriesItems
>
</
telerik:HorizontalWaterfallSeries
>
</
Series
>
</
PlotArea
>
</
telerik:RadHtmlChart
>
</
div
>
<
telerik:RadAjaxManager
runat
=
"server"
ID
=
"theAjaxMaanger"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"demoConfigurator"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"demoConfigurator"
LoadingPanelID
=
"RadAjaxLoadingPanel1"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"WaterfallChart"
LoadingPanelID
=
"RadAjaxLoadingPanel1"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
<
telerik:RadAjaxLoadingPanel
runat
=
"server"
ID
=
"RadAjaxLoadingPanel1"
Skin
=
"Silk"
>
</
telerik:RadAjaxLoadingPanel
>
<
qsf:ConfiguratorPanel
ID
=
"demoConfigurator"
runat
=
"server"
>
<
Views
>
<
qsf:View
>
<
qsf:ConfiguratorColumn
runat
=
"server"
Size
=
"Medium"
>
<
qsf:ComboBox
runat
=
"server"
ID
=
"LabelsPosition"
Width
=
"100"
AutoPostBack
=
"true"
Label
=
"Labels Position"
>
</
qsf:ComboBox
>
</
qsf:ConfiguratorColumn
>
<
qsf:ConfiguratorColumn
runat
=
"server"
Size
=
"Narrow"
>
<
qsf:NumericTextBox
runat
=
"server"
ID
=
"ChartGap"
Value
=
"1.5"
AutoPostBack
=
"true"
Size
=
"Narrow"
Label
=
"Gap"
MinValue
=
"-1"
MaxValue
=
"5"
IncrementSettings-Step
=
"0.2"
></
qsf:NumericTextBox
>
</
qsf:ConfiguratorColumn
>
</
qsf:View
>
</
Views
>
</
qsf:ConfiguratorPanel
>
</
form
>
</
body
>
</
html
>