Graphical display with incorrect data

Sometimes when I open a dashboard that contains a chart with 2 curves, I get incorrect values.

For example in this image the red curve is about 36°C whereas in reality it is at 16°C (setpoint temperature).

If I refresh the page the red curve returns to its real value.

Am I the only one experiencing this?

It has never happened to me, no :confused:

What’s strange, though, is that it doesn’t happen often and only on two charts.
For the other charts I have, I’ve never had this happen. I may not have paid attention to those.

Same here, I never noticed that bug.

It just happened to me again.


Then, after refreshing the browser page the values return to normal (or not, because the humidity in my garage remains high, I have a water infiltration…:sob:)

160% humidity is not bad :smiley:

It’s clear, that’s a bit much.

The problem is recurring and affects all the charts.

Here’s another example when opening the page.

After refreshing the page it displays correctly

Hi @_Will_71! I can’t reproduce the bug.

I’m going to ask you for a small action to get more information.

Can you send me the JSON returned by the API for this display that’s causing the problem?

Just open the inspector when you’re on the dashboard (right click → Inspect Element), then refresh the page and go to the « Network » tab:

Then open that request and show the response:

I want the JSON content of the response :slight_smile:

As soon as I can I’ll give you the JSON content because this happens when the page is opened (and not every time) and on a refresh the values are corrected and the chart displays correctly!
Not easy to reproduce!

1 Like

Well, that was faster than expected

Here is the JSON response but the values inside seem correct

[{"device":{"name":"Thermomètre buanderie"},"deviceFeature":{"name":"Température buanderie"},"values":[{"created_at":"2022-10-09T10:55:00.000Z","value":19.98},{"created_at":"2022-10-09T11:15:00.000Z","value":20},{"created_at":"2022-10-09T11:40:00.000Z","value":20.09},{"created_at":"2022-10-09T11:45:00.000Z","value":20.12},{"created_at":"2022-10-09T11:55:00.000Z","value":20.08},{"created_at":"2022-10-09T12:20:00.000Z","value":20.07},{"created_at":"2022-10-09T12:35:00.000Z","value":20},{"created_at":"2022-10-09T12:40:00.000Z","value":20},{"created_at":"2022-10-09T13:05:00.000Z","value":19.95},{"created_at":"2022-10-09T13:30:00.000Z","value":19.95},{"created_at":"2022-10-09T14:00:00.000Z","value":19.97},{"created_at":"2022-10-09T14:25:00.000Z","value":19.98},{"created_at":"2022-10-09T14:35:00.000Z","value":20.07},{"created_at":"2022-10-09T14:55:00.000Z","value":20.04},{"created_at":"2022-10-09T15:25:00.000Z","value":20.08},{"created_at":"2022-10-09T16:20:00.000Z","value":19.91},{"created_at":"2022-10-09T16:55:00.000Z","value":19.56},{"created_at":"2022-10-09T17:20:00.000Z","value":19.47},{"created_at":"2022-10-09T18:00:00.000Z","value":19.77},{"created_at":"2022-10-09T18:20:00.000Z","value":20.11},{"created_at":"2022-10-09T18:45:00.000Z","value":20.28},{"created_at":"2022-10-09T19:20:00.000Z","value":20.45},{"created_at":"2022-10-09T20:20:00.000Z","value":20.53},{"created_at":"2022-10-09T21:15:00.000Z","value":20.39},{"created_at":"2022-10-09T22:10:00.000Z","value":20.46},{"created_at":"2022-10-09T23:10:00.000Z","value":20.38},{"created_at":"2022-10-09T23:20:00.000Z","value":20.36},{"created_at":"2022-10-10T00:05:00.000Z","value":20.35},{"created_at":"2022-10-10T01:55:00.000Z","value":20.26},{"created_at":"2022-10-10T02:55:00.000Z","value":20.31},{"created_at":"2022-10-10T03:50:00.000Z","value":20.22},{"created_at":"2022-10-10T04:40:00.000Z","value":20.21},{"created_at":"2022-10-10T04:50:00.000Z","value":20.16},{"created_at":"2022-10-10T05:20:00.000Z","value":20.11},{"created_at":"2022-10-10T05:50:00.000Z","value":20.19},{"created_at":"2022-10-10T06:35:00.000Z","value":20.14},{"created_at":"2022-10-10T06:40:00.000Z","value":20.11},{"created_at":"2022-10-10T07:05:00.000Z","value":20.15},{"created_at":"2022-10-10T07:25:00.000Z","value":20.16},{"created_at":"2022-10-10T07:35:00.000Z","value":20.04},{"created_at":"2022-10-10T07:55:00.000Z","value":19.89},{"created_at":"2022-10-10T08:35:00.000Z","value":19.89},{"created_at":"2022-10-10T08:50:00.000Z","value":19.77},{"created_at":"2022-10-10T09:30:00.000Z","value":19.53},{"created_at":"2022-10-10T09:35:00.000Z","value":19.48}]},{"device":{"name":"Thermomètre garage"},"deviceFeature":{"name":"Température Garage"},"values":[{"created_at":"2022-10-09T10:50:00.000Z","value":18.29},{"created_at":"2022-10-09T10:55:00.000Z","value":18.27},{"created_at":"2022-10-09T11:00:00.000Z","value":18.27},{"created_at":"2022-10-09T11:10:00.000Z","value":18.27},{"created_at":"2022-10-09T11:25:00.000Z","value":18.36},{"created_at":"2022-10-09T11:55:00.000Z","value":18.42},{"created_at":"2022-10-09T12:10:00.000Z","value":18.42},{"created_at":"2022-10-09T12:25:00.000Z","value":18.45},{"created_at":"2022-10-09T12:30:00.000Z","value":18.45},{"created_at":"2022-10-09T12:55:00.000Z","value":18.44},{"created_at":"2022-10-09T13:05:00.000Z","value":18.44},{"created_at":"2022-10-09T13:25:00.000Z","value":18.51},{"created_at":"2022-10-09T13:30:00.000Z","value":18.51},{"created_at":"2022-10-09T13:50:00.000Z","value":18.51},{"created_at":"2022-10-09T13:55:00.000Z","value":18.55},{"created_at":"2022-10-09T14:10:00.000Z","value":18.55},{"created_at":"2022-10-09T14:25:00.000Z","value":18.6},{"created_at":"2022-10-09T14:35:00.000Z","value":18.6},{"created_at":"2022-10-09T14:55:00.000Z","value":18.62},{"created_at":"2022-10-09T15:25:00.000Z","value":18.62},{"created_at":"2022-10-09T15:35:00.000Z","value":18.62},{"created_at":"2022-10-09T15:55:00.000Z","value":18.47},{"created_at":"2022-10-09T16:25:00.000Z","value":18.26},{"created_at":"2022-10-09T16:35:00.000Z","value":18.26},{"created_at":"2022-10-09T16:40:00.000Z","value":18.04},{"created_at":"2022-10-09T17:10:00.000Z","value":17.89},{"created_at":"2022-10-09T17:25:00.000Z","value":17.89},{"created_at":"2022-10-09T17:40:00.000Z","value":17.94},{"created_at":"2022-10-09T17:50:00.000Z","value":18.16},{"created_at":"2022-10-09T18:00:00.000Z","value":18.37},{"created_at":"2022-10-09T18:25:00.000Z","value":18.37},{"created_at":"2022-10-09T18:30:00.000Z","value":18.55},{"created_at":"2022-10-09T18:50:00.000Z","value":18.55},{"created_at":"2022-10-09T19:00:00.000Z","value":18.63},{"created_at":"2022-10-09T19:25:00.000Z","value":18.63},{"created_at":"2022-10-09T19:30:00.000Z","value":18.67},{"created_at":"2022-10-09T20:00:00.000Z","value":18.7},{"created_at":"2022-10-09T20:25:00.000Z","value":18.7},{"created_at":"2022-10-09T20:30:00.000Z","value":18.66},{"created_at":"2022-10-09T21:00:00.000Z","value":18.66},{"created_at":"2022-10-09T21:30:00.000Z","value":18.64},{"created_at":"2022-10-09T22:00:00.000Z","value":18.6},{"created_at":"2022-10-09T22:05:00.000Z","value":18.6},{"created_at":"2022-10-09T22:30:00.000Z","value":18.58},{"created_at":"2022-10-09T22:55:00.000Z","value":18.58},{"created_at":"2022-10-09T23:00:00.000Z","value":18.55},{"created_at":"2022-10-09T23:30:00.000Z","value":18.54},{"created_at":"2022-10-09T23:55:00.000Z","value":18.54},{"created_at":"2022-10-10T00:00:00.000Z","value":18.52},{"created_at":"2022-10-10T00:30:00.000Z","value":18.51},{"created_at":"2022-10-10T00:35:00.000Z","value":18.51},{"created_at":"2022-10-10T00:55:00.000Z","value":18.51},{"created_at":"2022-10-10T01:30:00.000Z","value":18.48},{"created_at":"2022-10-10T01:55:00.000Z","value":18.48},{"created_at":"2022-10-10T02:00:00.000Z","value":18.45},{"created_at":"2022-10-10T02:30:00.000Z","value":18.42},{"created_at":"2022-10-10T02:55:00.000Z","value":18.42},{"created_at":"2022-10-10T03:00:00.000Z","value":18.41},{"created_at":"2022-10-10T03:30:00.000Z","value":18.39},{"created_at":"2022-10-10T03:55:00.000Z","value":18.39},{"created_at":"2022-10-10T04:00:00.000Z","value":18.36},{"created_at":"2022-10-10T04:30:00.000Z","value":18.33},{"created_at":"2022-10-10T04:55:00.000Z","value":18.33},{"created_at":"2022-10-10T05:00:00.000Z","value":18.33},{"created_at":"2022-10-10T05:30:00.000Z","value":18.3},{"created_at":"2022-10-10T05:55:00.000Z","value":18.3},{"created_at":"2022-10-10T06:00:00.000Z","value":18.29},{"created_at":"2022-10-10T06:20:00.000Z","value":18.29},{"created_at":"2022-10-10T06:30:00.000Z","value":18.27},{"created_at":"2022-10-10T06:35:00.000Z","value":18.27},{"created_at":"2022-10-10T06:40:00.000Z","value":18.06},{"created_at":"2022-10-10T06:45:00.000Z","value":18.06},{"created_at":"2022-10-10T07:10:00.000Z","value":18.16},{"created_at":"2022-10-10T07:25:00.000Z","value":18.06},{"created_at":"2022-10-10T07:30:00.000Z","value":17.73},{"created_at":"2022-10-10T08:00:00.000Z","value":17.59},{"created_at":"2022-10-10T08:20:00.000Z","value":17.59},{"created_at":"2022-10-10T08:30:00.000Z","value":17.73},{"created_at":"2022-10-10T09:00:00.000Z","value":17.89},{"created_at":"2022-10-10T09:20:00.000Z","value":17.89},{"created_at":"2022-10-10T09:30:00.000Z","value":17.95}]}]

When hovering over the chart you can see that the temperature values are indeed correct. In the image below I place the mouse between 6 PM and 11 PM and I can read 18°C, whereas the display shows 39°C

@_Will_71 I imported your data locally, and I can’t reproduce:

What exactly is the operation you’re doing?

Do you open the page (coming from nowhere?), and is it wrong immediately?

Yes, that’s it — I just open the page from anywhere and the display is wrong. But this doesn’t happen every time!

Really weird! This looks like a race condition, either in our code or in the library we’re using. (For info, we’re using ApexCharts version v3.29.0; their changelog is here: Releases · apexcharts/apexcharts.js · GitHub)

If needed I can try to make a PR that updates ApexCharts.

Since you have Gladys Plus now (thanks for your support!!), if you want I can do a special online build to compare the two versions

Yes, no problem — we can do a test this way.

What I suggest: first get yourself familiar with Gladys Plus, and see if you also have the issue with Gladys Plus (it’s possible you don’t; if it’s a race condition, the fact that you have a slightly longer network roundtrip can make the bug not visible)

If you have the bug on Gladys Plus as well, I’ll make a custom build, share the URL with you and you’ll test it to tell me whether updating ApexChart fixes the issue.

I’ve already made a PR on my side:

1 Like

Ok, that works — I’ll keep you posted.

Same problem on Gladys Plus

I recreated an image for you because the defect keeps coming back very often now that I’m paying attention!

In this image you can clearly see that it’s not a data problem but a display issue.

It’s kind of a good thing, it’ll allow testing the fix :smiley:

I created a Gladys Plus build at the following address with the ApexCharts charting library updated:

https://gladys-plus-update-apexcharts.netlify.app/

You can log in with your Gladys Plus credentials, and tell me if it fixes the issue or not :slight_smile: