color not same when grouping

[Amr]

Hello,

when i user colorField and user group in DataSource the color result is different  like image i attached

you can see here

https://dojo.telerik.com/aBOWINak

    group: {
                field: "symbol"
            },

            sort: {
                field: "date",
                dir: "asc"
            },

            schema: {
                model: {
                    fields: {
                        date: {
                            type: "date"
                        }
                    }
                }
            }
        });

        function createChart() {
            $("#chart").kendoChart({
                title: { text: "Stock Prices" },
                dataSource: stocksDataSource,
                series: [{
                    type: "column",
                    field: "close",
                    categoryField: "date",
                    name: "#= group.value # (close)",
                    colorField:"color"
                }],
                legend: {
                    position: "bottom"
                },

 

[Amr]

sorry 

when i use colorField and use group in DataSource the color result is different  like image i attached

[Silviya Stoyanova]

Hello Amr,

Thank you for the provided image and Dojo example!

In order to achieve uniformity between the colors in series and legend, you will need to set them manually. Subscribe to DataBound event of the Chart and set the color via the options:

$("#chart").kendoChart({
//...
dataBound: onDataBound
//...
});

function onDataBound(){
  var chart = $("#chart").data("kendoChart");
  chart.options.series[0].color = chart.options.series[0].data[0].color;
  chart.options.series[1].color = chart.options.series[1].data[0].color;
  chart.options.series[2].color = chart.options.series[2].data[0].color;
}

You will find the modified Dojo here: https://dojo.telerik.com/@Silvia/EgEwoGuT

Let me know if you need further assistance.

Kind Regards,
Silviya Stoyanova
Progress Telerik

[Amr]

Hello Silviya ,

Thank you very much