Stacked Area Chart has one series draw out of proportion.

[blogcraft]

Description

I have a Stacked Area Chart with n Series. But for some reason some series just go nuts when drawn in screen.

Steps to Reproduce

1. Create a Stacked Area chart
2. Add 3 series with data
3. show them together

Expected Behavior

Chart should visually represent the data

Actual Behavior

Chart don't represent the data.

Screenshots

Just C Series (looks good):

A + B Series (still ok).

But add B + C (and C gets mad!)

All Combined:

Reproduction Link

https://jsfiddle.net/jysntgfr/

[Kalavida]

I would like to work on this, if no one has picked this up yet

[Kalavida]

Hey @blogcraft by the looks of it the chart is behaving unexpectedly due to mismatch in the number of entries for the chart B. Some timestamps seems to be missing once you fill those up it should behave as expected.
Missing values: 1688097600000, 1672455600000, 1675134000000
Do let me know if you face any issues even after adding the missing values!

[blogcraft]

@Kalavida Thanks for the response.

It is true that some data is missing, and it is ok to be missing. I can't just invent a value, not even 0. the thing is that the behaviour is inconsistent, and it should not act as it currently does. The behaviour should be that is there is no data in a date them not show a value.

[Kalavida]

@blogcraft I'm not sure if stacked charts would fit your usecase then, could you explain more on what your use case is and what you expect to see on the graph when values are missing? This could help in defining the behaviour for these cases if it fits for these kinds of charts.

[blogcraft]

The thing is that the data series could be gigantic, and some data will be nonexistent. Thats the nature of this data. So, I can't just create dates with value null. It's just unmanageable.

And I need to be able to have in one chart multiple series (just like in the example) But if there is not data for some dates, that point and line should not be painted instead of creating visual errors like now.

The Ideal would be that a missing date would be treated the same as a null value.

    {
      name: "B",
      data: [
        [1667185200000, 44670115],
        [1669777200000, null],
        [1672455600000, 45136391]
      ],
    },

Should be treated the same as:

    {
      name: "B",
      data: [
        [1667185200000, 44670115],
        [1672455600000, 45136391]
      ],
    },

[Kalavida]

I'd then leave this up to the author of this repo to provide their inputs on how we should be handling this.