I have a stock chart that renders fine but the navigator graph does not match the main graph.
Both charts share the same series data.
The navigator seems to want to draw the graph by days rather than months and does not connect the plot points.
I have tried "missingValues: interpolate" but I only want the missing days to be handled and any missing months should go to zero on the valueAxis.
I have also played with the "baseUnit, baseUnitStep and autoBaseUnitSteps" but these only seem to affect the categoryAxis not the way the draw is rendered.
This is a stacked area chart and I want the navigator to match the main chart.
Any ideas on what I am doing wrong?
Both charts share the same series data.
The navigator seems to want to draw the graph by days rather than months and does not connect the plot points.
I have tried "missingValues: interpolate" but I only want the missing days to be handled and any missing months should go to zero on the valueAxis.
I have also played with the "baseUnit, baseUnitStep and autoBaseUnitSteps" but these only seem to affect the categoryAxis not the way the draw is rendered.
This is a stacked area chart and I want the navigator to match the main chart.
Any ideas on what I am doing wrong?
6 Answers, 1 is accepted
0
Chance
Top achievements
Rank 2
answered on 01 Aug 2014, 03:19 PM
Forgot to mention there is ONLY month data no days...
0
Chance
Top achievements
Rank 2
answered on 01 Aug 2014, 04:27 PM
I figured it out!
There was some existing code in the schema.parse setting zero value totals to null... oops.
Here is my navigator settings for monthly plotting points in case it helps someone else:
navigator: {
seriesDefaults: {
missingValues: "interpolate"
},
series: series,
pane: {
height: 50
},
select: {
from: beginDateRange,
to: endDateRange
},
categoryAxis: {
baseUnit: "months"
}
}
There was some existing code in the schema.parse setting zero value totals to null... oops.
Here is my navigator settings for monthly plotting points in case it helps someone else:
navigator: {
seriesDefaults: {
missingValues: "interpolate"
},
series: series,
pane: {
height: 50
},
select: {
from: beginDateRange,
to: endDateRange
},
categoryAxis: {
baseUnit: "months"
}
}
0
Chance
Top achievements
Rank 2
answered on 01 Aug 2014, 09:10 PM
Ok I do have a question after all:
How do I prevent the chart tooltip from showing the daily range values when sliding the navigator selector?
I only want month increments not daily, the chart reflects this; just not the tooltip when sliding the navigator selector.
Thanks in advance.
How do I prevent the chart tooltip from showing the daily range values when sliding the navigator selector?
I only want month increments not daily, the chart reflects this; just not the tooltip when sliding the navigator selector.
Thanks in advance.
0
Hello,
The tooltip format can be set to display only the months through navigator.hint.format:
navigator: {
hint: {
format: "{0:MMM yyyy}"
}
}
-- Live demo --
We intend to make this redundant in future versions by automatically adjusting the hint format to the navigator range.
Regards,
T. Tsonev
Telerik
The tooltip format can be set to display only the months through navigator.hint.format:
navigator: {
hint: {
format: "{0:MMM yyyy}"
}
}
-- Live demo --
We intend to make this redundant in future versions by automatically adjusting the hint format to the navigator range.
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
Chance
Top achievements
Rank 2
answered on 04 Aug 2014, 04:32 PM
Thanks - missed that bit of documentation.
I am showing quarterly data on default (3 months) and the end user can change the range, so I used the following formatting:
format: "{0:MMM yyyy} - {1:MMM yyyy}"
Working nicely now (I had just hid the hint via CSS) - thanks again.
I am showing quarterly data on default (3 months) and the end user can change the range, so I used the following formatting:
format: "{0:MMM yyyy} - {1:MMM yyyy}"
Working nicely now (I had just hid the hint via CSS) - thanks again.
0
Hi,
You're welcome. I'm glad this helped.
Regards,
T. Tsonev
Telerik
You're welcome. I'm glad this helped.
Regards,
T. Tsonev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!