<%@ Page Language="vb" AutoEventWireup="true" CodeFile="DefaultVB.aspx.vb" Inherits="Telerik.Web.Examples.HtmlChart.ChartTypes.PieChart.DefaultVB" %>
<%@ 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
=
"PieChart1"
Width
=
"800"
Height
=
"500"
Transitions
=
"true"
Skin
=
"Silk"
>
<
ChartTitle
Text
=
"Browser Usage for October 2021"
>
<
Appearance
Align
=
"Center"
Position
=
"Top"
>
</
Appearance
>
</
ChartTitle
>
<
Legend
>
<
Appearance
Position
=
"Right"
Visible
=
"true"
>
</
Appearance
>
</
Legend
>
<
PlotArea
>
<
Series
>
<
telerik:PieSeries
StartAngle
=
"90"
>
<
LabelsAppearance
Position
=
"OutsideEnd"
DataFormatString
=
"{0} %"
>
</
LabelsAppearance
>
<
TooltipsAppearance
Color
=
"White"
DataFormatString
=
"{0} %"
></
TooltipsAppearance
>
<
SeriesItems
>
<
telerik:PieSeriesItem
BackgroundColor
=
"#999999"
Exploded
=
"false"
Name
=
"Chrome"
Y
=
"64.67"
></
telerik:PieSeriesItem
>
<
telerik:PieSeriesItem
BackgroundColor
=
"#666666"
Exploded
=
"false"
Name
=
"Internet Explorer"
Y
=
"0.61"
></
telerik:PieSeriesItem
>
<
telerik:PieSeriesItem
BackgroundColor
=
"#ff9900"
Exploded
=
"true"
Name
=
"Safari"
Y
=
"19.06"
></
telerik:PieSeriesItem
>
<
telerik:PieSeriesItem
BackgroundColor
=
"#cccccc"
Exploded
=
"false"
Name
=
"Firefox"
Y
=
"3.66"
></
telerik:PieSeriesItem
>
<
telerik:PieSeriesItem
BackgroundColor
=
"#555555"
Exploded
=
"false"
Name
=
"Opera"
Y
=
"2.36"
></
telerik:PieSeriesItem
>
<
telerik:PieSeriesItem
BackgroundColor
=
"#333333"
Exploded
=
"false"
Name
=
"Samsung Internet"
Y
=
"2.81"
></
telerik:PieSeriesItem
>
<
telerik:PieSeriesItem
BackgroundColor
=
"#222222"
Exploded
=
"false"
Name
=
"Edge"
Y
=
"3.11"
></
telerik:PieSeriesItem
>
<
telerik:PieSeriesItem
BackgroundColor
=
"#111111"
Exploded
=
"false"
Name
=
"Others"
Y
=
"3.34"
></
telerik:PieSeriesItem
>
</
SeriesItems
>
</
telerik:PieSeries
>
</
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
=
"PieChart1"
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
ID
=
"ConfiguratorColumn1"
runat
=
"server"
Size
=
"Narrow"
>
<
qsf:NumericTextBox
ID
=
"StartingAngleValue"
runat
=
"server"
Label
=
"Start Angle"
Value
=
"90"
MaxLength
=
"4"
AutoPostBack
=
"true"
>
<
NumberFormat
DecimalDigits
=
"0"
/>
</
qsf:NumericTextBox
>
</
qsf:ConfiguratorColumn
>
<
qsf:ConfiguratorColumn
ID
=
"ConfiguratorColumn2"
runat
=
"server"
Size
=
"Medium"
>
<
qsf:ComboBox
runat
=
"server"
ID
=
"comboLabelsPositionChooser"
Label
=
"Label Position"
AutoPostBack
=
"true"
>
</
qsf:ComboBox
>
</
qsf:ConfiguratorColumn
>
<
qsf:ConfiguratorColumn
ID
=
"ConfiguratorColumn3"
runat
=
"server"
Size
=
"Narrow"
>
<
span
class
=
"checkbox"
>
<
asp:CheckBox
ID
=
"ItemExploded"
Text
=
"Item is Exploded"
Checked
=
"true"
runat
=
"server"
AutoPostBack
=
"true"
></
asp:CheckBox
></
span
>
</
qsf:ConfiguratorColumn
>
</
qsf:View
>
</
Views
>
</
qsf:ConfiguratorPanel
>
</
form
>
</
body
>
</
html
>