Hide null bars in a Range Bar

5 posts, 0 answers
  1. jchenev
    jchenev avatar
    6 posts
    Member since:
    Feb 2006

    Posted 07 Nov Link to this post

    How can I hide bars and the space taken up by the bars if their values are null? In the chart shown in the following dojo Product Line 2 and Product Line 3 would be the same height and Product Line 1 would be twice their height. 

     

    http://dojo.telerik.com/ANalE/4

  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 09 Nov Link to this post

    Hi Joe,

    I am not quite sure if I understand correctly what the expected outcome is. Could you please elaborate a bit more on the exact scenario you are trying to implement - this way I would be able to advise you further and provide concrete recommendations? Thank you in advance for your cooperation. 

    Regards,
    Iliana Nikolova
    Telerik by Progress
     
    Build rich, delightful, *native* Angular 2 apps with Kendo UI for Angular 2. Try it out today! Kendo UI for Angular 2 (currently in beta) is a jQuery-free toolset, written in TypeScript, designed from the ground up to offer true, native Angular 2 components.
     
  3. Kendo UI is VS 2017 Ready
  4. jchenev
    jchenev avatar
    6 posts
    Member since:
    Feb 2006

    Posted 09 Nov in reply to Iliana Nikolova Link to this post

    Sure. I'm trying to show ranges of product start and end dates within categories. Not every product exists for every category. When a product does not exist for a category the chart still makes space for this product. This causes holes in the report as seen in the dojo. I would like to remove these holes. 

    If the item in the data array is null I would like no space to be taken for that item. 

     

  5. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 10 Nov Link to this post

    Hi Joe,

    Thank you for the provided details. I am afraid that the described scenario is not supported by Kendo UI Chart - all categories (Product Line 1, Product Line 2, Product Line 3) will be equally high. What I could suggest as a workaround is to set seriesDefaults.spacing -1 and visually "stack" the series: 

    http://dojo.telerik.com/@Iliana/AcezAr

    Regards,
    Iliana Nikolova
    Telerik by Progress
     
    Build rich, delightful, *native* Angular 2 apps with Kendo UI for Angular 2. Try it out today! Kendo UI for Angular 2 (currently in beta) is a jQuery-free toolset, written in TypeScript, designed from the ground up to offer true, native Angular 2 components.
     
  6. jchenev
    jchenev avatar
    6 posts
    Member since:
    Feb 2006

    Posted 10 Nov in reply to Iliana Nikolova Link to this post

    Thank you. Unfortunately the stacking suggestion is not appropriate for my goals. 

     

Back to Top
Kendo UI is VS 2017 Ready