New to Kendo UI for Vue? Start a free 30-day trial
Displaying Category-Level Totals Inside Kendo UI for Vue Stacked Bar Chart
Updated on Jan 30, 2026
Environment
| Product | Progress® Kendo UI for Vue Native |
| Version | Current |
Description
I want to display the sum of all stacked series for each category inside the chart area, positioned horizontally right next to each bar in a Kendo UI for Vue Chart, specifically a Stacked Bar Chart. The totals should appear next to the bars without shrinking or compressing the column width or the main plot area. Adding an additional series for totals should not affect the chart layout.
This knowledge base article also answers the following questions:
- How to show totals for stacked series in Kendo UI for Vue Stacked Bar Chart?
- How to position labels next to bars in Kendo UI for Vue Chart?
- How to add a zero-value series to display totals?
Solution
To achieve this behavior, add a series with zero values and use custom labels to display the totals. This approach ensures the layout remains unchanged while positioning the totals next to the bars.
Change Theme
Theme
Loading ...