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

时间:2017-01-11 07:52:54

标签: javascript jquery kendo-ui pie-chart kendo-chart

有没有办法动态指定剑道饼图系列颜色?我知道我们可以在图表初始化中指定颜色,如下所示:

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

但我想根据数据字段执行此操作,即具有特定字段的特定颜色。有什么建议吗?

提前致谢。

1 个答案:

答案 0 :(得分:1)

您可以使用配置选项series.colorFieldhttp://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>