Displaying custom label next to bar stack chart

[Marjaneh]

Hello,

I've been struggling with this for quite a while now with no good results.

We are going to create stacked bar charts with the labels next to them as I have in the image

 Is there a way to create single stack chart with the label beside that?

 

Thanks

 

 

 

[Marjaneh]

To clarify my question, my chart consists of only one vertical bar, is there a way to display 2 sets of labels for each subpart (or segment) as follows: (a) a count value inside the subpart and (b) a text value to the right outside the subpart.

Please refer to the attached image in the original post above.

Thank you

[Tsvetina]

Hi Marjaneh,

To display such a label, you can show the default series label and assign it a visual function which appends and additional Text element to it:

seriesDefaults: {
  type: "column",
  stack: true,
  labels: {
    visible: true,
    position: "insideBase",
    background: "transparent",
    visual: function(e){
      var defaultLbl = e.createVisual(),
          rect = e.rect.bottomRight();

      var newPosition = [rect.x + 10, rect.y-20];
      var additionalLabel = new kendo.drawing.Text(e.series.name, newPosition);

      defaultLbl.append(additionalLabel);
      return defaultLbl;
    }
  }
}

Here, you can see a runnable example:
https://dojo.telerik.com/URuVAgAq

Regards,
Tsvetina
Progress Telerik

[Marjaneh]

Hi Tsvetina,

Thank you very much for your reply.
That's indeed the solution to my problem.

Regards,
Marjaneh