How to show aggregate values of bars

2 posts, 0 answers
  1. lu
    lu avatar
    1 posts
    Member since:
    May 2018

    Posted 28 May Link to this post

    Hello Telerik Team,

    I have an issue with showing the aggregate value in bar charts.

    Could I show the aggregate values of bars like the attachment shows?

    The attachment used another UI and I want to replace it with kendo UI.

    Thank you!

  2. Tsvetina
    Admin
    Tsvetina avatar
    2234 posts

    Posted 30 May Link to this post

    Hello Lu,

    You can achieve this if you use a label template for your series that are placed on the top of the stack and bind the template to the stackValue template variable.
    seriesDefaults: {
      type: "column",
      stack: true
    },
    series: [{
      field: "a",
      name: "a"
    },{
      field: "b",
      name: "b"
    },{
      field: "c",
      name: "c",
      labels: {
          template: "#= stackValue #",
          visible: true
      }
    }]

    This article shows such an example:
    Show Total for Stacked Series

    Regards,
    Tsvetina
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top