Telerik Product and Version
|
UI for ASP.NET AJAX
|
Supported Browsers and Platforms
|
IE11+, Chrome, FireFox |
Components/Widgets used (JS frameworks, etc.)
|
jQuery |
PROJECT DESCRIPTION
The example below demonstrates how to place a label with the stack total on top of column or bar series in a RadHtmlChart
It uses RadHtmlChart just to render KendoUI
It works with "unknown" (at design-time) series.
It works with data values on each series. E.g.:
{
"series"
: [
{
"name"
:
"Holidays"
,
"stack"
:
"HolidaysAndWorkingDays"
,
"data"
: [ 80, 16, 104, 112 ],
"labels"
: {
"visible"
:
true
,
"template"
:
"#= value #"
,
"position"
:
"insideEnd"
,
"background"
:
"transparent"
}
},
{
"name"
:
"WorkingDays"
,
"stack"
:
"HolidaysAndWorkingDays"
,
"data"
: [ 168, 32, 214, 216 ],
"labels"
: {
"visible"
:
true
,
"template"
:
"#= value #"
,
"position"
:
"insideEnd"
,
"background"
:
"transparent"
}
}
],
"categories"
: [
"Hines Briggs Alana"
,
"Winters Alford Alexa"
,
"Woodward Thornton Dana"
,
"Clarke Atkinson Perry"
]
}
This project is based on and extends the following support threads:
Show Total for Stacked Series
Displaying Grand Total In Stacked Series Labels And Pie Series Legend