javascript - 如何为 Telerik Kendo UI 饼图楔形着色？

Question

我正在使用 Telerik Kendo 饼图，我希望能够为楔形着色。

以下是我的 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>

我希望剩余的工作是浅灰色的。我该如何实现？

如有任何建议，我们将不胜感激。

Answer 1

在Kendo UI DataViz ，所有图表都支持通过 seriesColors option 覆盖主题颜色.此属性将采用十六进制颜色字符串数组。例如:

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