<telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
<scripttype="text/javascript">functionpageLoad() {
updateDonutAndLabel();
}
functionupdateDonutAndLabel() {
//set random value to the chartvar kendoWidget = $find('<%=RadHtmlChart1.ClientID%>').get_kendoWidget();
var sum = 0;
var series = kendoWidget.options.series[0].data;
for (var i = 0; i < series.length; i++) {
sum += series[i].value;
}
//Set hole size and repaint the chart
kendoWidget.options.series[0].holeSize = 60;
kendoWidget.redraw();
//set the current value to the labelvar label = $get("<%=Label1.ClientID %>");
label.textContent = sum;
}
</script></telerik:RadCodeBlock>
<telerik:RadHtmlChartID="RadHtmlChart1"runat="server"Width="250px"Height="250px"><PlotArea><Series><telerik:DonutSeries><SeriesItems><telerik:PieSeriesItemY="20"Name="Item1"/><telerik:PieSeriesItemY="30"Name="Item2"/><telerik:PieSeriesItemY="41"Name="Item2"/><telerik:PieSeriesItemY="58"Name="Item2"/></SeriesItems><AppearanceOverlay-Gradient="None"></Appearance><TooltipsAppearanceDataFormatString="{0}%"></TooltipsAppearance><LabelsAppearanceVisible="false"></LabelsAppearance></telerik:DonutSeries></Series></PlotArea><Legend><AppearanceVisible="false"></Appearance></Legend></telerik:RadHtmlChart><asp:LabelID="Label1"Text=""runat="server"CssClass="insideLabel" /><br /><telerik:RadButtonID="RadButton1"runat="server"AutoPostBack="false"OnClientClicked="updateDonutAndLabel"Text="Update Donut and Label" />
Regards,
Vessy
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers.Learn More.