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.
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
0
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
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"
The console shows an error message -
"Uncaught Error: Category axis with name default is already defined"
0
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
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"
}
}
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
Hi,
I'm glad this worked out.
Regards,
T. Tsonev
Telerik
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!