javascript - 如何动态指定剑道饼图的系列颜色

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>