<%@ Page Title="" Language="C#" AutoEventWireup="true" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.Web.Examples.HtmlChart.StackedSeries.DefaultCS" %>
<%@ 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-containers"
>
<
div
class
=
"demo-container size-thin"
>
<
telerik:RadHtmlChart
runat
=
"server"
ID
=
"BarChart"
Height
=
"250px"
Width
=
"300px"
Transitions
=
"false"
Skin
=
"Silk"
>
<
PlotArea
>
<
Series
>
<
telerik:BarSeries
DataFieldY
=
"Value1"
Stacked
=
"true"
>
<
LabelsAppearance
Visible
=
"false"
></
LabelsAppearance
>
</
telerik:BarSeries
>
<
telerik:BarSeries
DataFieldY
=
"Value2"
>
<
LabelsAppearance
Visible
=
"false"
></
LabelsAppearance
>
</
telerik:BarSeries
>
</
Series
>
<
XAxis
DataLabelsField
=
"Item"
></
XAxis
>
</
PlotArea
>
<
ChartTitle
Text
=
"Stacked Bar Series"
></
ChartTitle
>
</
telerik:RadHtmlChart
>
</
div
>
<
div
class
=
"demo-container size-thin"
>
<
telerik:RadHtmlChart
runat
=
"server"
ID
=
"ColumnChart"
Height
=
"250px"
Width
=
"300px"
Transitions
=
"false"
Skin
=
"Silk"
>
<
PlotArea
>
<
Series
>
<
telerik:ColumnSeries
DataFieldY
=
"Value1"
Stacked
=
"true"
>
<
LabelsAppearance
Visible
=
"false"
></
LabelsAppearance
>
</
telerik:ColumnSeries
>
<
telerik:ColumnSeries
DataFieldY
=
"Value2"
>
<
LabelsAppearance
Visible
=
"false"
></
LabelsAppearance
>
</
telerik:ColumnSeries
>
</
Series
>
<
XAxis
DataLabelsField
=
"Item"
></
XAxis
>
</
PlotArea
>
<
ChartTitle
Text
=
"Stacked Column Series"
></
ChartTitle
>
</
telerik:RadHtmlChart
>
</
div
>
<
div
class
=
"demo-container size-thin"
>
<
telerik:RadHtmlChart
runat
=
"server"
ID
=
"LineChart"
Height
=
"250px"
Width
=
"300px"
Transitions
=
"false"
Skin
=
"Silk"
>
<
PlotArea
>
<
Series
>
<
telerik:LineSeries
DataFieldY
=
"Value1"
StackType
=
"Normal"
Stacked
=
"true"
>
<
LabelsAppearance
Visible
=
"false"
></
LabelsAppearance
>
</
telerik:LineSeries
>
<
telerik:LineSeries
DataFieldY
=
"Value2"
>
<
LabelsAppearance
Visible
=
"false"
></
LabelsAppearance
>
</
telerik:LineSeries
>
</
Series
>
<
XAxis
DataLabelsField
=
"Item"
></
XAxis
>
</
PlotArea
>
<
ChartTitle
Text
=
"Stacked Line Series"
></
ChartTitle
>
</
telerik:RadHtmlChart
>
</
div
>
<
div
class
=
"demo-container size-thin"
>
<
telerik:RadHtmlChart
runat
=
"server"
ID
=
"AreaChart"
Height
=
"250px"
Width
=
"300px"
Transitions
=
"false"
Skin
=
"Silk"
>
<
PlotArea
>
<
Series
>
<
telerik:AreaSeries
DataFieldY
=
"Value1"
StackType
=
"Normal"
Stacked
=
"true"
>
<
LabelsAppearance
Visible
=
"false"
></
LabelsAppearance
>
</
telerik:AreaSeries
>
<
telerik:AreaSeries
DataFieldY
=
"Value2"
>
<
LabelsAppearance
Visible
=
"false"
></
LabelsAppearance
>
</
telerik:AreaSeries
>
</
Series
>
<
XAxis
DataLabelsField
=
"Item"
></
XAxis
>
</
PlotArea
>
<
ChartTitle
Text
=
"Stacked Area Series"
></
ChartTitle
>
</
telerik:RadHtmlChart
>
</
div
>
<
div
class
=
"demo-container size-thin"
>
<
telerik:RadHtmlChart
runat
=
"server"
ID
=
"RadarAreaChart"
Height
=
"250px"
Width
=
"300px"
Transitions
=
"false"
Skin
=
"Silk"
>
<
PlotArea
>
<
Series
>
<
telerik:RadarAreaSeries
DataFieldY
=
"Value1"
StackType
=
"Normal"
Stacked
=
"true"
>
<
LabelsAppearance
Visible
=
"false"
></
LabelsAppearance
>
</
telerik:RadarAreaSeries
>
<
telerik:RadarAreaSeries
DataFieldY
=
"Value2"
>
<
LabelsAppearance
Visible
=
"false"
></
LabelsAppearance
>
</
telerik:RadarAreaSeries
>
</
Series
>
<
YAxis
Visible
=
"false"
>
<
MajorGridLines
Color
=
"#EFEFEF"
Width
=
"1"
/>
<
MinorGridLines
Visible
=
"false"
/>
</
YAxis
>
<
XAxis
DataLabelsField
=
"Item"
></
XAxis
>
</
PlotArea
>
<
ChartTitle
Text
=
"Stacked Radar-Area Series"
></
ChartTitle
>
</
telerik:RadHtmlChart
>
</
div
>
<
div
class
=
"demo-container size-thin"
>
<
telerik:RadHtmlChart
runat
=
"server"
ID
=
"RadarColumnChart"
Height
=
"250px"
Width
=
"300px"
Transitions
=
"false"
Skin
=
"Silk"
>
<
PlotArea
>
<
Series
>
<
telerik:RadarColumnSeries
DataFieldY
=
"Value1"
Stacked
=
"true"
>
<
LabelsAppearance
Visible
=
"false"
></
LabelsAppearance
>
</
telerik:RadarColumnSeries
>
<
telerik:RadarColumnSeries
DataFieldY
=
"Value2"
>
<
LabelsAppearance
Visible
=
"false"
></
LabelsAppearance
>
</
telerik:RadarColumnSeries
>
</
Series
>
<
YAxis
Visible
=
"false"
>
<
MajorGridLines
Color
=
"#EFEFEF"
Width
=
"1"
/>
<
MinorGridLines
Visible
=
"false"
/>
</
YAxis
>
<
XAxis
DataLabelsField
=
"Item"
>
</
XAxis
>
</
PlotArea
>
<
ChartTitle
Text
=
"Stacked Radar-Column Series"
></
ChartTitle
>
</
telerik:RadHtmlChart
>
</
div
>
</
div
>
</
form
>
</
body
>
</
html
>