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

X axis label issue with 310px width charts

1 Answer 28 Views
Charts
This is a migrated thread and some comments may be shown as answers.
dan
Top achievements
Rank 1
dan asked on 13 Feb 2014, 10:01 AM
Hello,

I have an issue with a line chart with 310px width which hide a part of last label (http://jsbin.com/zuqiz/9/edit):

var stats=[        
          {'date':"2013-12-01",'value':1},
          {'date':"2013-12-02",'value':12},
          {'date':"2013-12-03",'value':13},
          {'date':"2013-12-04",'value':14},
          {'date':"2013-12-05",'value':14},
          {'date':"2013-12-06",'value':14},
          {'date':"2013-12-07",'value':14},
          {'date':"2013-12-08",'value':14},
          {'date':"2013-12-09",'value':14},
          {'date':"2013-12-10",'value':14},
          {'date':"2013-12-11",'value':14},
          {'date':"2013-12-12",'value':14},
          {'date':"2013-12-13",'value':14},
          {'date':"2013-12-14",'value':14},
          {'date':"2013-12-15",'value':14},
          {'date':"2013-12-16",'value':14},
          {'date':"2013-12-17",'value':14},
          {'date':"2013-12-18",'value':14},
          {'date':"2013-12-19",'value':14},
          {'date':"2013-12-20",'value':14},
          {'date':"2013-12-21",'value':14},
          {'date':"2013-12-22",'value':14},
          {'date':"2013-12-23",'value':14},
          {'date':"2013-12-24",'value':14},
          {'date':"2013-12-25",'value':14},
          {'date':"2013-12-26",'value':14},
          {'date':"2013-12-27",'value':14},
          {'date':"2013-12-28",'value':14},
          {'date':"2013-12-29",'value':14},
          {'date':"2013-12-30",'value':14},
          {'date':"2013-12-31",'value':14}
    
            ];
 

function createChart() {
$("#chart").kendoChart({
    title: {
        text: "test"
    },
   dataSource: {
          data: stats
                        },
    series: [{
        type: "line",
         field: "value"
                  
    }],
    categoryAxis: {
        field: "date",
        type: "Date",
        labels: {format: "M/d",step:6}
    }

    }
);

$(document).ready(createChart);


Same issue with step:10.


1 Answer, 1 is accepted

Sort by
0
Iliana Nikolova
Telerik team
answered on 14 Feb 2014, 04:35 PM
Hi Dan,

This is the default behaviour of Kendo UI Chart and it cannot be changed. Please accept my apologies for any inconvenience this may cause.

Regards,
Iliana Nikolova
Telerik

Check out the new Telerik Platform - the only modular platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native apps. Register for the free online keynote and webinar to learn more about the Platform on Wednesday, February 12, 2014 at 11:00 a.m. ET (8:00 a.m. PT).

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