Area chart in multiple panes

[Pedro]

Hi! I need to be able to create graphs in multiple panes. But when I define an area chart in a second pane the colors stay above the line. I need it to stay under so that it makes more sense. 

 

I'll leave an atachment with an example

 

Any help?

[Patrick | Technical Support Engineer, Senior]

Hello Pedro,

After recreating your issue with 3 Kendo Area Charts in this Telerik Dojo, I've found a solution for you.

Please take a look at the following sample which illustrates how to set the CategoryAxis in the series.

In the first Dojo, the categoryAxis is not set in the series.  By default, all charts will share the first categoryAxis.

$("#chart").kendoChart({.
  ...
  series: [
    { data: [1, 2, 3, 1], axis: "firstValueAxis", type: "area" },
    { data: [1, 3, 2, 1], axis: "firstValueAxis", type: "line" },
    ...
  ],

In the second Dojo, I included series.CategoryAxis so the series know which categoryAxis to use:

$("#chart").kendoChart({
  ...
  series: [
    { data: [1, 2, 3, 1], axis: "firstValueAxis", categoryAxis: "firstCategoryAxis", type: "area" },
    { data: [1, 3, 2, 1], axis: "firstValueAxis", categoryAxis: "firstCategoryAxis",  type: "line" },
    ...
  ],

Hope this helps!

Regards,
Patrick
Telerik

 

 

[Pedro]

It was exactly this that I needed. Thanks!!!

[Pedro]

It was exactly this that I needed. Thanks!!!

[Patrick | Technical Support Engineer, Senior]

Hi Pedro,

Glad to help, and that everything is working!

Regards,
Patrick
Telerik