Label template of Column chart

[Vo]

My code:
.Series(series => {
            series.Column(s => s.XXXXX)
            .Overlay(ChartBarSeriesOverlay.None)            
            .Labels(labels => labels                                     
                .Background("transparent")
                .Template("\n#= dataItem.XXXX#%\n#= dataItem.YYYY#")                
                .Visible(true));           
        })

I want to insert an image into label template. So, how to do it?

[Iliana Nikolova]

Hi Vo,

This scenario is supported after Q1 2015 Beta (v2015.1.225) via the new labels.visual feature: 

.Series(series => {
  series.Column(s => s.XXXXX)
      .Overlay(ChartBarSeriesOverlay.None)
      .Labels(labels => labels
         .Background("transparent")
         .Template("\n#= dataItem.XXXX#%\n#= dataItem.YYYY#")
         .Visual("labelsVisual")
         .Visible(true));
      })
//....

<script>
function labelsVisual(e) {
   var src = kendo.format('/*...*/")',
     image = new kendo.drawing.Image(src, e.rect)
     center = e.rect.center(),
     text = new kendo.drawing.Text(e.text, [center.x, e.rect.origin.y]),
     group = new kendo.drawing.Group().append(image, text);

   return group;
}
</script>

For another examples take a look at the following demos: 
- http://demos.telerik.com/kendo-ui/Beta/bar-charts/visuals
- http://demos.telerik.com/kendo-ui/Beta/line-charts/visuals

Regards,
Iliana Nikolova
Telerik