Stack and DataSource

[Andrey]

Hi, Dev Team!

For my bar chart i create DataSource dinamycally/

its looks like below:

var docChartData = [];

this.data().forEach(function (item) {
   docChartData.push({ Name: "some name", Value: "some value", Color: "red"})
})

So, I want to stack my chart. how can i add additional stack serie. i try like this, but it didnt work

this.data().forEach(function (item) {

   docChartData.push([{ Name: "some name", Value: "some value", Color: "red"},Name: "some name", Value: 100% - "some value", Color: "GRAY"}])
})

[Nikolay]

Hello Andrey,

You can manipulate the series.data arrays and then call the refresh() method of the Kendo UI Chart to visualize the new options:

var newStack = {
          name: "Platinum Medals",
          data: [80, 32, 34, 18, 45, 33, 34, 83, 43, 37, 44, 37, 54, 36, 46],
          color: "pink"
        };
        var chart = $("#chart").data("kendoChart");
        chart.options.series.push(newStack)
        chart.refresh();

Please refer to the following Dojo demo I have prepared demonstrating the above:

• https://dojo.telerik.com/oxoYomUl

Let me know if further questions arise.

Regards,
Nikolay
Progress Telerik