[BUG] Stacked bar using time axis without having the same datetime

Expected Behavior

Create a stacked bar using time axis with different datetime in the datasets. For example:

datasets: 
  [
    {
      label: 'A',
      data: 
      [
        {
          x: "01-01-2018",
          y: 12
        },
        {
          x: "02-01-2018",
          y: 15
        }, 
      ],
    },
    {
      label: 'B',
      data: 
      [
        {
          x: "02-01-2018",
          y: 23
        },
        {
          x: "03-01-2018",
          y: 34
        },
        {
          x: "04-01-2018",
          y: 45
        },
      ]
    }
  ],

In this example dataset B haven’t the point at “01-01-2018”

Current Behavior

Currently, using the stacked bar with time axis need the datasets having the same point datatime even if some point is set to 0.

datasets: 
  [
    {
      label: 'A',
      data: 
      [
        {
          x: "01-01-2018",
          y: 12
        },
        {
          x: "02-01-2018",
          y: 15
        }, 
      ],
    },
    {
      label: 'B',
      data: 
      [
        {
          x: "01-01-2018",
          y: 0
        },
        {
          x: "02-01-2018",
          y: 23
        },
        {
          x: "03-01-2018",
          y: 34
        },
        {
          x: "04-01-2018",
          y: 45
        },
      ]
    }
  ],

Possible Solution

Calculate the height of the single bar looking for every datasets if the datetime is present or not

Steps to Reproduce (for bugs)

Here the problem on stackoverflow
Here the jsfiddle

Context

I want show the stacked bar without having to manipulate all the datasets for add the missing point.

Environment

  • Chart.js version: 2.7.2
  • Browser name and version: Firefox 61.0.1

Author: Fantashit

2 thoughts on “[BUG] Stacked bar using time axis without having the same datetime

  1. +1

    This is also bugging us in our project. It would be great if you guys could provide a fix for this.
    Otherwise we always have to fill up the datasets, which lack certain ticks and set there a value ‘0’, which is then unfortunately also shown in the unified tooltip as value 0 for that particular dataset.

    We want to dynamically load a bunch of different records (last month, last week, etc.) these contain diverse datasets per chunk. These datasets are different in length/number.
    Therefore we have to determine the order and enhancing of the datasets ourselves and this would be necessary with every reload/view change.

    As seen here:
    screenshot 2019-02-28 at 11 25 59

    Here is a stackblitz for it:
    Stackblitz

Comments are closed.