Come colorare le zeppe del grafico a torta UI di Telerik Kendo?

Question

Sto usando il grafico a torta Keri di Telerik e voglio poter colorare le fette.

Quello che segue è il marchio per il mio grafico a torta Kendo UI:

<script type="text/javascript"> 
function createChart() { 
    jQuery("#chart").kendoChart({ 
     theme: jQuery(document).data("kendoSkin") || "Metro", 
     legend: { 
      position: "bottom" 
     }, 
     seriesDefaults: { 
      labels: { 
       visible: true, 
       format: "{0}%" 
      } 
     }, 

     series: [{ 
      type: "pie", 
      data: [{ 
       category: "Remaining Work", 
       value: 75, 
       explode: true 
      }, { 
       category: "CIOs", 
       value: 2 
      }, { 
       category: "Other Executives", 
       value: 10 
      }, { 
       category: "Directors and Physicians", 
       value: 13 
      }] 
     }], 
     tooltip: { 
      visible: true, 
      format: "{0}%" 
     } 
    }); 
} 

jQuery(document).ready(function() { 
    setTimeout(function() { 
     createChart(); 

     // Initialize the chart with a delay to make sure 
     // the initial animation is visible 
    }, 400); 

    jQuery(document).bind("kendo:skinChange", function (e) { 
     createChart(); 
    }); 
}); 
</script> 

mi piacerebbe il lavoro che resta da grigio chiaro. Come posso realizzare questo?

Qualsiasi suggerimento sarebbe apprezzato.

Answer 1

In Kendo UI DataViz, tutti i grafici supportano l'override dei colori del tema tramite seriesColors option. Questa proprietà prenderà una serie di stringhe di colori esadecimali. Ad esempio:

$("#chart").kendoChart({ 
    ... 
    seriesColors: ["#7c7c7c", ... ] 
}); 

Answer 2

it is an implementation from server side would be very interesting on the concept of avoiding Similar shades..please look in to the below code which iam inserting to bind the pie chart with colors 
If Not radChart Is Nothing Then 
        radChart.PlotArea.EmptySeriesMessage.TextBlock.Text = strNoData 
        radChart.SkinsOverrideStyles = False 
        Dim seriesColors As Color() = {Color.Aqua, Color.Bisque, Color.Chartreuse, Color.Coral, Color.DarkCyan, Color.DarkKhaki, Color.DimGray, Color.Yellow, Color.LightGreen, Color.Magenta, Color.Orange, Color.Purple, Color.SaddleBrown, Color.Silver, Color.WhiteSmoke, Color.Violet, Color.RosyBrown, Color.Olive, Color.Navy, Color.IndianRed} 
        Dim seriesPalette As New Palette("seriesPalette", seriesColors, True) 
        radChart.CustomPalettes.Add(seriesPalette) 
        radChart.SeriesPalette = "seriesPalette" 
        radChart.DataBind() 
       End If