如何動態指定劍道餅圖的系列顏色

Question

是否有動態指定劍道餅圖系列顏色的方法？我明白了，我們可以在圖表初始化像這樣指定的顏色：

seriesColors: ["#4C9486", "#E86F5E", "#FFD266", "#E6321B", "#8A8F84", "#D86B00", "#F47787"] 

但我想這樣做基於的數據字段，即對特定領域的特定顏色。有什麼建議麼？

在此先感謝。

Answer 1

您可以使用配置選項series.colorField。 http://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart#configuration-series.colorField

一個簡單的例子。

<div id="chart"></div> 
<script> 
$("#chart").kendoChart({ 
    series: [{ 
     colorField: "valueColor", 
     data: [ 
      { value: 1, valueColor: "red" }, 
      { value: 2, valueColor: "green" } 
     ] 
    }] 
}); 
</script>