End of graph strangely drops to zero

This issue has been tracked since 2022-02-04.

So I am very much sure my data does not end with low values right now.
But every day, the graph still ends as it seems to require finishing down its drawing to zero.
image

It is possible that's within Vizzu's engine that it drops to low values near the end like that?

Expected

  • last days of data should reflect actual data

Actual

  • drops to zero every day

Thanks

simzer wrote this answer on 2022-02-05

No, it should not go down to zero on its own:
https://jsfiddle.net/VizzuHQ/dk7b86vc/76/

Do you filter out values by date? It seems like the last values on the x axis are filtered out.

simzer wrote this answer on 2022-02-05

I managed to reproduce the problem by filtering out the last value on the X-axis:
https://jsfiddle.net/VizzuHQ/dk7b86vc/81/

mathieujobin wrote this answer on 2022-02-06

No I am not filtering recent data. And numbers are up for every "categories" right now.

I tried to replace the 'max' x value by being explicit. That's all.

Thanks for your example. I will check when I get home. but I don't know what I could be doing differently.

Could be directly related to my other issue that have a blank value.

I can try to reproduce with a smaller dataset

mathieujobin wrote this answer on 2022-02-06

I updated your example to be more similar with my code but still cannot reproduce

https://jsfiddle.net/h5s3gfk6/1/

mathieujobin wrote this answer on 2022-02-06

There, I could reproduce both this bug and #65

https://jsfiddle.net/h5s3gfk6/2/

Apparently both are related.

Occurs when there are more series in the data.

mathieujobin wrote this answer on 2022-02-06

confirmed, if I remove the other series from the data, I don't have that problem...

image

but I can't use animate to switch data as easily as setting x/y sets like I am doing...

I tried making this change.
initial chart loads but animate to switch data won't work..

image

Ideally, Vizzu should only take the sets specified into consideration when drawing the chart.

      config: {
        channels: {
          x: { set: ['Date'+x] },
          y: { set: ['City'+x, 'Cases'+x] },
          color: { set: ['City'+x] }
        }

And ignore other series from the data.

Thanks

mathieujobin wrote this answer on 2022-02-06

simplest way to reproduce

import Vizzu from 'https://cdn.jsdelivr.net/npm/[email protected]/dist/vizzu.min.js';

let data = {
  series: [
    { name: 'Sports', type: 'dimension', values: [
    	'Basket', 'Volley', 'Tennis', 'Basket', 'Volley', 'Tennis',
      'Basket', 'Volley', 'Tennis', 'Basket', 'Volley', 'Tennis',
      'Basket', 'Volley', 'Tennis', 'Basket', 'Volley', 'Tennis'] },
    { name: 'Friends', type: 'dimension', values: [
    	'Alice', 'Alice', 'Alice', 'Bob', 'Bob', 'Bob',
      'Mary', 'Mary', 'Mary', 'Maurice', 'Maurice', 'Maurice',
      'Jessica', 'Jessica', 'Jessica', 'Ted', 'Ted', 'Ted'] },
    { name: 'Scores', type: 'measure', values: [
      15, 32, 120, 45, 34, 87,
      32, 66, 69, 100, 200, 300,
      30, 60, 70, 60, 70, 120
    ] },
    { name: 'Unrelated', values: [1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19]}
  ]
};

let chart = new Vizzu("myVizzu", { data });

chart.animate({
  channels: {
    x: { set: ['Friends'] },
    y: { set: ['Sports', 'Scores'] },
    color: { set: ['Sports'] }
  },
  geometry: 'area'
});

https://jsfiddle.net/h5s3gfk6/3/

simzer wrote this answer on 2022-02-06

Until this is fixed, you could try to set the range of the X axis to range: { min: 0.5, max: '-1.5max' }
https://jsfiddle.net/VizzuHQ/krvnaf2q/5/

simzer wrote this answer on 2022-02-06

Also, thanks for the simplified code, it helps a lot!

simzer wrote this answer on 2022-02-06

I just realized that the 'Unrelated' data series is one value longer than the others. This'll cause Vizzu to append an empty value at the end of all the others. That is the cause of both the empty legend entry and the drop at the end.

mathieujobin wrote this answer on 2022-02-06

I just realized that the 'Unrelated' data series is one value longer than the others. This'll cause Vizzu to append an empty value at the end of all the others. That is the cause of both the empty legend entry and the drop at the end.

That's exactly what I am thinking as well

mathieujobin wrote this answer on 2022-02-06

the work around works !
image

Thanks to you

Vizzu is awesome

More Details About Repo
Owner Name vizzuhq
Repo Name vizzu-lib
Full Name vizzuhq/vizzu-lib
Language JavaScript
Created Date 2021-06-07
Updated Date 2022-11-22
Star Count 1630
Watcher Count 19
Fork Count 65
Issue Count 17

YOU MAY BE INTERESTED

Issue Title Created Date Updated Date