Dynamic Series Labels

[David]

Hi

I have a stacked bar chart that I want to have the series labels to be dynamically created on the last "color"

Currently in the attached file, i attached the series label to my "blue" bar.  However once inside the callback I can't get to my component to generate a dynamic label.

If i have just 2 colors, i can calculate the label using "value" and "stackedValue" ... but with more than 2 i need to get at my component

So how can I get the label to show total for each color in the row, not just the last color, ie

1st row is 1/4/7
2nd row is 2/5/8
3rd row is 3/6/9

Here is my sample

https://stackblitz.com/edit/angular-vushqc?file=app/app.component.ts

Thanks

[David]

I was able to customize my label using the content method of the  SeriesLabelsComponentGenerated class ...

It allows the method to get the context of "this" so I can generate my custom string 

[Dimiter Topalov]

Hi David,

This indeed the most straight-forward approach to achieve the desired functionality:

https://www.telerik.com/kendo-angular-ui/components/charts/api/SeriesLabels/#toc-content

The alternative is to create a custom visual that gives the developer full control over drawing the respective label element:

https://www.telerik.com/kendo-angular-ui/components/charts/api/SeriesLabels/#toc-visual

Regards,
Dimiter Topalov
Progress Telerik

[David]

Thank you very much Dimiter !!