Pending Review
Last Updated: 10 Nov 2020 19:07 by Sergey
Georgi
Created on: 10 Nov 2020 10:02
Category: Kendo UI for Angular 2+
Type: Feature Request
1
An option to omit missing values (hide the gaps) in bar chart

Please take a look at this following example: https://stackblitz.com/edit/grouped-bar-chart-missing-values?file=app/app.component.ts

Problem:

The 2nd and 3rd series don't have data for 1/16/2020, but the chart still creates placeholders for where they would have been if there was data for those points.
If there are many missing values in the middle of the group, the outermost values appear as if they belong to the adjacent groups (they are visually closer).

Desired behaviour:

I would like the option to omit the blank space created for each missing value. The end result should be that missing values don't generate gaps and all the existing values cluster directly adjacent to each other. Clarifying example below.

I understand that this is not a bug and that it can be useful to have the placeholders for missing data, but would like to have the ability to not have them take up space. Over multiple dates and with 10-15+ series the chart can start looking very confusing with which date the bar actually belongs to.

This is somewhat related "missingValues", but differs in that instead of replacing a missing value with something (even a gap), here we want the component to behave as if it never existed.

The behaviour could be optional and toggle-able through a property binding, e.g. [hideMissingValues]="true".

1 comment
Sergey
Posted on: 10 Nov 2020 19:07

The second attached file (missing-values-grouped-bar-chart.png) is interesting that it shows a date placeholder removed, this might be "a little too much".

It seems that there can be slight variations of this feature request:

  1. Existing functionality: every date and every series item has a placeholder reserved for it. Further even if a date has NO values, it still is displayed.
  2. Hide only missing bars, but generate date placeholders.
  3. If a bar is missing for a date, don't create a placeholder for it. If a date has no values, then don't even generate a placeholder for that date.

If only one kind of mode can be chosen, I think option 2 is ideal, but if there can be variations of modes, it would be nice to switch between 2 and 3.