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

maxDateGroups based on the width of the chart

3 Answers 26 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Xavier
Top achievements
Rank 1
Xavier asked on 21 May 2015, 12:05 AM

I would like to set the maxDateGroups based on the width of the chart. Some people have big monitors and some have small, so I would like to adjust the number of points shown based on the screen (chart) size.  Is there a way to calculate the number to set on maxDateGroups such that the dates don't start overlapping or look too crowded on the x axis?

 

Thanks

3 Answers, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 22 May 2015, 03:32 PM

Hi Xavier,

This scenario is not supported out-of-the-box by Kendo UI Chart. What I would suggest as a workaround is to dynamically set maxDateGroups depending on the screen size: 

// get reference to the chart widget
var chart = $("#chart").data("kendoChart");
// dynamically set categoryAxis.maxDateGroups
chart.setOptions({categoryAxis: {maxDateGroups: 5}});

 

Regards,
Iliana Nikolova
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Xavier
Top achievements
Rank 1
answered on 22 May 2015, 06:52 PM

Yes, but how to get the width of the date label?

If inspected on Chrome, it shows.

<g>

<text style="font:12px Arial,Helvetica,sans-serif;" x="372.6115" y="408" stroke="none" fill="#232323" fill-opacity="1">2/27</text>

</g>

 

0
Xavier
Top achievements
Rank 1
answered on 22 May 2015, 09:19 PM

Thanks, the challenge is finding out the label size. For now I am just using a fixed size of 50 for the label width and created a sample that does what I am looking for.

http://dojo.telerik.com/okeWO

 

Tags
Charts
Asked by
Xavier
Top achievements
Rank 1
Answers by
Iliana Nikolova
Telerik team
Xavier
Top achievements
Rank 1
Share this question
or