Как покрасить клины круговой диаграммы пользовательского интерфейса Telerik Kendo? - PullRequest
Новая
       9

Как покрасить клины круговой диаграммы пользовательского интерфейса Telerik Kendo?

6 голосов
/ 23 декабря 2011

Я использую круговую диаграмму Telerik Kendo и хочу покрасить клинья.

Ниже приведена отметка для моей круговой диаграммы интерфейса Kendo: 

<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>

Мне бы хотелось, чтобы оставшаяся работа была светло-серой.Как мне это сделать?

Любые предложения будут оценены.

Ответы [ 2 ]

19 голосов
/ 23 декабря 2011

В Kendo UI DataViz , все диаграммы поддерживают переопределение цветов темы с помощью опции seriesColors . Это свойство будет принимать массив шестнадцатеричных цветных строк. Например: 

$("#chart").kendoChart({
   ...
   seriesColors: ["#7c7c7c", ... ]
});
0 голосов
/ 25 августа 2015 
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
...