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

Hide null bars in a Range Bar

4 Answers 119 Views
Charts
This is a migrated thread and some comments may be shown as answers.
InnisMaggiore
Top achievements
Rank 1
InnisMaggiore asked on 07 Nov 2016, 06:05 PM

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

4 Answers, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 09 Nov 2016, 11:01 AM
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.
 
0
InnisMaggiore
Top achievements
Rank 1
answered on 09 Nov 2016, 01:34 PM

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. 

 

0
Iliana Dyankova
Telerik team
answered on 10 Nov 2016, 11:55 AM
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.
 
0
InnisMaggiore
Top achievements
Rank 1
answered on 10 Nov 2016, 01:15 PM

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

 

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