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

Navigator plotting issue

6 Answers 66 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Chance
Top achievements
Rank 2
Chance asked on 01 Aug 2014, 03:17 PM
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? 

6 Answers, 1 is accepted

Sort by
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"
                      }
                   }



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.
0
T. Tsonev
Telerik team
answered on 04 Aug 2014, 11:05 AM
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
 
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.
0
T. Tsonev
Telerik team
answered on 05 Aug 2014, 12:27 PM
Hi,

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!
 
Tags
Charts
Asked by
Chance
Top achievements
Rank 2
Answers by
Chance
Top achievements
Rank 2
T. Tsonev
Telerik team
Share this question
or