Area Chart

2 posts, 0 answers
  1. ryan
    ryan avatar
    1 posts
    Member since:
    Mar 2013

    Posted 16 Apr 2013 Link to this post

    How do you make an area chart whose first x-axis data point is not aligned with the y-axis start the "area" from the y-axis (origin)?

    In my specific example, January is our first x-axis data point, and since the January data point is not aligned with the y-axis, there is a space of "emptiness" that looks funny on the chart.  I would like the area chart to begin at the intersection of the x-axis and y-axis so that gap is filled (the January data point does not need to move, the area chart just needs to start at the origin and move to the first data point, which will be January).  The reason the area chart does not begin at the y-axis is because the exhibit includes both an area chart and line chart.

    I've added a photo to help describe the problem.

    Thanks in advance for the help.

     
  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2622 posts

    Posted 17 Apr 2013 Link to this post

    Hi Ryan,

    In order to achieve the desired outcome you should set categoryAxis.justified property to true. For example: 
    $("#chart").kendoChart({
      //....
      categoryAxis: {
         //....
         justified: true
      }
    });

    Regards,

    Iliana Nikolova
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top