如何为 kendo 饼图动态指定系列颜色

Question

有没有办法动态指定 kendo 饼图系列颜色？我知道我们可以像这样在图表初始化中指定颜色：

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>