How to create tooltip template conditionally using kendo stacked column chart using angular js

Hi,

The gap property of the Kendo UI Chart series and  defaultSeries  is the correct property to use:

http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-series.gap

It can also be assigned to the seriesDefaults property:

http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-seriesDefaults.gap

In the example provided, the columns are created based on the category name. Since there are only two categories, then the available space is equally split between them, therefore it looks as if there is a big gap between them. I added more columns to the Kendo UI Chart to demonstrate how the chart changes its visualisation. It is available at: 

http://dojo.telerik.com/ONiyO

I am not certain what is the expected behaviour. Could you please elaborate? 

Finally, this thread is no longer concerning the Tooltip template for the Kendo UI Chart in an AngularJS application and I would recommend opening another thread so we can keep the related topics tidy.

Thank you for your understanding.

Regards,
Alex
Telerik by Progress