6

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>

残りの作品はライトグレーにしたいのですが。どうすればこれを達成できますか？

任意の提案をいただければ幸いです。

4

2 に答える 2

19

Kendo UI DataVizでは、すべてのグラフがseriesColorsオプションを介したテーマの色のオーバーライドをサポートしています。このプロパティは、16進数のカラー文字列の配列を取ります。例えば：

$("#chart").kendoChart({
   ...
   seriesColors: ["#7c7c7c", ... ]
});
于 2011-12-23T04:35:32.840 に答える
0 
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
于 2015-08-25T13:22:55.893 に答える