如何为 Telerik Kendo UI 饼图楔形着色？答案

【问题标题】：How to color Telerik Kendo UI pie chart wedges?如何为 Telerik Kendo UI 饼图楔形着色？
【发布时间】：2012-01-26 12:12:22
【问题描述】：

我正在使用 Telerik 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>

我希望剩下的工作是浅灰色的。我该如何做到这一点？

任何建议将不胜感激。

【问题讨论】：

标签： javascript jquery jquery-plugins telerik kendo-ui

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

it is an implementation from server side would be very interesting on the concept of avoiding Similar shades..please look in to the below code which iam inserting to bind the pie chart with colors
 If Not radChart Is Nothing Then
                    radChart.PlotArea.EmptySeriesMessage.TextBlock.Text = strNoData
                    radChart.SkinsOverrideStyles = False
                    Dim seriesColors As Color() = {Color.Aqua, Color.Bisque, Color.Chartreuse, Color.Coral, Color.DarkCyan, Color.DarkKhaki, Color.DimGray, Color.Yellow, Color.LightGreen, Color.Magenta, Color.Orange, Color.Purple, Color.SaddleBrown, Color.Silver, Color.WhiteSmoke, Color.Violet, Color.RosyBrown, Color.Olive, Color.Navy, Color.IndianRed}
                    Dim seriesPalette As New Palette("seriesPalette", seriesColors, True)
                    radChart.CustomPalettes.Add(seriesPalette)
                    radChart.SeriesPalette = "seriesPalette"
                    radChart.DataBind()
                End If

【讨论】：