This is a migrated thread and some comments may be shown as answers.

Missing grid lines on secondary pane

5 Answers 78 Views
Charts
This is a migrated thread and some comments may be shown as answers.
sloth1
Top achievements
Rank 1
sloth1 asked on 11 Aug 2014, 01:01 PM
I created a stock chart with 2 panes.
I added major grid lines to both category axis, but it is visible only in one the upper pane.
Only when I comment out the upper pane  majorGridLines property, i see the grid lines in the lower pane.

5 Answers, 1 is accepted

Sort by
0
T. Tsonev
Telerik team
answered on 11 Aug 2014, 03:18 PM
Hello,

The second category axis seems to be missing its categories as no series is assigned to it. This can be fixed as follows:
series: [{
  name: "Min online machines",
  type: "line",
  aggregate: "min",
  field: "NOnlineMachines",
  categoryField: "SampleTime"
},{
  name: "Min online machines",
  type: "line",
  aggregate: "min",
  field: "NOnlineMachines",
  categoryField: "SampleTime",
  axis: "lowerAxis",
  categoryAxis: "lowerAxis"
}]


-- Live demo --

I hope this helps.

Regards,
T. Tsonev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
sloth1
Top achievements
Rank 1
answered on 12 Aug 2014, 05:53 AM
I tried it, but I get a blank view.
The console shows an error message -
"Uncaught Error: Category axis with name default is already defined"

0
T. Tsonev
Telerik team
answered on 12 Aug 2014, 07:42 AM
Hello,

Please try reloading the snippet (or the fullscreen version).
Might have been a temporary issue as it seems to work for me.

Regards,
T. Tsonev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
sloth1
Top achievements
Rank 1
answered on 12 Aug 2014, 08:55 AM
It works now, 
I copied also the name definition from your full screen version.

Thanks,

categoryAxis: [
{
                    majorGridLines: {
                        visible: true,
                        color: "red"
                    }
                },
{
name: "lowerAxis",
                    pane: "lowerPane",
                    majorGridLines: {
                        visible: true,
                        color: "green"
                    }
                }
0
T. Tsonev
Telerik team
answered on 13 Aug 2014, 12:32 PM
Hi,

I'm glad this worked out.

Regards,
T. Tsonev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Charts
Asked by
sloth1
Top achievements
Rank 1
Answers by
T. Tsonev
Telerik team
sloth1
Top achievements
Rank 1
Share this question
or