CategoryAxis Min and Max range for Date in Line Chart

5 posts, 0 answers
  1. Jerson
    Jerson avatar
    7 posts
    Member since:
    May 2017

    Posted 07 Jul Link to this post

    Hi,

    How to set minimum and maximum date range in Line Chart categoryAxis?

    Please see min and max in sample code:

     

    },
                    categoryAxis: {                    
                        min: new Date("6/7/17"),
                        max: new Date("7/7/17"),
                        //type: "date",
                        baseUnit: "days",
                        majorGridLines: {
                            visible: true
                        },
                        labels: {
                            rotation: 40,
                            padding: { right: 10 },
                            dateFormats: {
                                days: "M/d/yy"
                            },
                            step: step
                        }
                    }
                });

     

    I set it to static, but even if i set it thru var dynamically, same error happens. Please see attached file.

     

     

  2. Jerson
    Jerson avatar
    7 posts
    Member since:
    May 2017

    Posted 07 Jul in reply to Jerson Link to this post

    Thanks in advance.

  3. Jerson
    Jerson avatar
    7 posts
    Member since:
    May 2017

    Posted 07 Jul in reply to Jerson Link to this post

    Thanks in advance.
  4. Jerson
    Jerson avatar
    7 posts
    Member since:
    May 2017

    Posted 07 Jul in reply to Jerson Link to this post

    Hope to hear from you.

     

    Thanks in advance.

  5. Daniel
    Admin
    Daniel avatar
    2179 posts

    Posted 10 Jul Link to this post

    Hello,

    The configuration looks correct and setting min and max should work for the categoryAxis - example. The error message indicates that the error is thrown during the series binding so could you provide the full chart configuration?

    Regards,
    Daniel
    Progress Telerik
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top