I have progressed one step further on my quest. I have achieved data binding on the pie chart.
However I am now having a problem with formatting.
The output is included in an attachment, which also includes one of your sample pie charts for comparison.
According to the sample, there are options to control appearance of the labels and tooltips.
This does not work with my chart with an error "Element 'labelsappearance' is not supported". (lines 7 & 8)
The only difference I see is between <Series> and <SeriesItems> in the sample chart.
01.
<
telerik:RadHtmlChart
runat
=
"server"
ID
=
"Language_Chart"
DataSourceID
=
"Language_Chart_Data"
Width
=
"700px"
>
02.
<
Legend
>
03.
<
Appearance
Position
=
"Right"
Visible
=
"True"
></
Appearance
>
04.
</
Legend
>
05.
<
PlotArea
>
06.
<
Series
>
07.
<
LabelsAppearance
Position
=
"OutsideEnd"
DataFormatString
=
"{0} %"
></
LabelsAppearance
>
08.
<
TooltipsAppearance Color
=
"White"
DataFormatString
=
"{0} %"
></
TooltipsAppearance>
09.
<
telerik:PieSeries
DataFieldY
=
"percentage"
NameField
=
"language"
/>
10.
</
Series
>
11.
</
PlotArea
>
12.
<
ChartTitle
Text
=
"Top Ten Languages"
>
13.
<
Appearance
Visible
=
"True"
></
Appearance
>
14.
</
ChartTitle
>
15.
<
Navigator
>
16.
<
SelectionHint
Visible
=
"False"
></
SelectionHint
>
17.
</
Navigator
>
18.
</
telerik:RadHtmlChart
>
19.
20.
<
telerik:RadHtmlChart
runat
=
"server"
ID
=
"PieChart1"
Width
=
"700"
Height
=
"500"
Transitions
=
"true"
Skin
=
"Silk"
>
21.
<
ChartTitle
Text
=
"Browser Usage for April 2012"
>
22.
<
Appearance
Align
=
"Center"
Position
=
"Top"
></
Appearance
>
23.
</
ChartTitle
>
24.
<
Legend
>
25.
<
Appearance
Position
=
"Right"
Visible
=
"true"
></
Appearance
>
26.
</
Legend
>
27.
<
PlotArea
>
28.
<
Series
>
29.
<
telerik:PieSeries
StartAngle
=
"90"
>
30.
<
LabelsAppearance
Position
=
"OutsideEnd"
DataFormatString
=
"{0} %"
></
LabelsAppearance
>
31.
<
TooltipsAppearance
Color
=
"White"
DataFormatString
=
"{0} %"
></
TooltipsAppearance
>
32.
<
SeriesItems
>
33.
<
telerik:PieSeriesItem
BackgroundColor
=
"#ff9900"
Exploded
=
"true"
Name
=
"Internet Explorer"
Y
=
"18.3"
></
telerik:PieSeriesItem
>
34.
<
telerik:PieSeriesItem
BackgroundColor
=
"#cccccc"
Exploded
=
"false"
Name
=
"Firefox"
Y
=
"35.8"
></
telerik:PieSeriesItem
>
35.
<
telerik:PieSeriesItem
BackgroundColor
=
"#999999"
Exploded
=
"false"
Name
=
"Chrome"
Y
=
"38.3"
></
telerik:PieSeriesItem
>
36.
<
telerik:PieSeriesItem
BackgroundColor
=
"#666666"
Exploded
=
"false"
Name
=
"Safari"
Y
=
"4.5"
></
telerik:PieSeriesItem
>
37.
<
telerik:PieSeriesItem
BackgroundColor
=
"#333333"
Exploded
=
"false"
Name
=
"Opera"
Y
=
"2.3"
></
telerik:PieSeriesItem
>
38.
</
SeriesItems
>
39.
</
telerik:PieSeries
>
40.
</
Series
>
41.
</
PlotArea
>
42.
</
telerik:RadHtmlChart
>