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

Area Chart

1 Answer 48 Views
Charts
This is a migrated thread and some comments may be shown as answers.
ryan
Top achievements
Rank 1
ryan asked on 16 Apr 2013, 07:30 PM
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.

 

1 Answer, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 17 Apr 2013, 10:58 AM
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!
Tags
Charts
Asked by
ryan
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Share this question
or