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

Areachart filling the whole ChartArea

4 Answers 104 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Jon
Top achievements
Rank 1
Jon asked on 21 Jun 2016, 12:37 PM

Hi!

I have an issue when combining to chart-types (column and area) into one chart. The Column-chart is using Y-axis 1, the Area uses Y-axis 2.

The Area-chart is used only to mark a periode of time (along the X-axis). And the value of the Area-chart series is always "1". The Column-chart has both positive and negative values.

So, the problem is that the Area-chart is using the 0-value from the Y1-axis, not the Y2-axis (which it does belong to). The included picture demonstrates this more clearly.

Can anyone give me a hint to how to make the Areachart start on its own 0-value (from the Y2 axis), instead of the Y1's 0-value?

 

Thanks!

 

Jon

 

 

4 Answers, 1 is accepted

Sort by
0
Daniel
Telerik team
answered on 23 Jun 2016, 07:46 AM
Hello Jon,

The area chart is closed using the categoryAxis line which position is determined based on the primary valueAxis so you should move the line by setting the primary axis axisCrossingValue - example.
If the purpose of the area series is only to mark a range then you could also use plotbands for the categoryAxis instead of separate series.


Regards,
Daniel
Telerik
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Jon
Top achievements
Rank 1
answered on 23 Jun 2016, 10:13 AM

Hi Daniel!

Thanks for your reply!

Unfortunately, this doesn't quite solve the problem. If you switch to column-chart for the first series, you will see my point. I've included a screenshot to illustrate the problem.

(The first column should start at zero and grow down to -1, etc....)

I cannot see how I can get around this issue...

However, using the plotbands is an interesting approach (though, a bit akward in our scenario due to the dynamic nature of the chart).

Cheers

Jon

 

 

 

0
Accepted
Iliana Dyankova
Telerik team
answered on 27 Jun 2016, 08:22 AM
Hi Jon,

To achieve this you could use two category axes. Take a look at the updated dojo: 
http://dojo.telerik.com/@Iliana/EGIpa

Regards,
Iliana Nikolova
Telerik
 
Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
 
0
Jon
Top achievements
Rank 1
answered on 30 Jun 2016, 10:28 AM

Hi!

Great, this seems to be working!

Thank you for your time!

 

Cheers,

Jon

Tags
Charts
Asked by
Jon
Top achievements
Rank 1
Answers by
Daniel
Telerik team
Jon
Top achievements
Rank 1
Iliana Dyankova
Telerik team
Share this question
or