Areachart filling the whole ChartArea

5 posts, 1 answers
  1. Jon
    Jon avatar
    10 posts
    Member since:
    Sep 2010

    Posted 21 Jun Link to this post

    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

     

     

  2. Daniel
    Admin
    Daniel avatar
    2117 posts

    Posted 23 Jun Link to this post

    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.
     
  3. Kendo UI is VS 2017 Ready
  4. Jon
    Jon avatar
    10 posts
    Member since:
    Sep 2010

    Posted 23 Jun in reply to Daniel Link to this post

    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

     

     

     

  5. Answer
    Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 27 Jun Link to this post

    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.
     
  6. Jon
    Jon avatar
    10 posts
    Member since:
    Sep 2010

    Posted 30 Jun in reply to Iliana Nikolova Link to this post

    Hi!

    Great, this seems to be working!

    Thank you for your time!

     

    Cheers,

    Jon

Back to Top
Kendo UI is VS 2017 Ready