Setting Series label backgorund color same as series color

[Prashant]

Hi,

We are trying to create the Pie chart:

I have few queries about it:

1) We want to set Series Label background color
same as series color. Is it possible with Kendo Chart?

2) I want to set the Series Label text from the
value of one of the Property ( say LabelText) of data which I am binding to chart.
Is it possible? How can I do that?

3) Change the color of line joining the series and series
label, same as that of series color

Please see the sample chart which we are drawing
in Silverlight using Telerik Radchart.

Regards,
Prashant gham

[Iliana Dyankova]

Hi Prashant,

Straight to the questions:

1. In order to achieve this you should use series.labels.background as a function. For example:

   $("#chart").kendoChart({
     //....
     series: [{
       type: "pie",
       //....
       labels: {
          visible: true,
          background: function(e){
             return e.series.color;
          }
       }
     }]
   });

2. This can be achieved using series.labels.template - you could reach the original data through the dataItem:

   $("#chart").kendoChart({
     //....
     series: [{
       type: "pie",
       //....
       labels: {
          visible: true,
          template:  "#= dataItem.someField #"}
       }
     }]
   });

3. This requirement is not supported and there is no a suitable workaround I can suggest.

Regards,
Iliana Nikolova
Telerik