SuperChart data stopped being shown

[Gun-neR]

Somewhere in the last day or so, I noticed that Superchart stopped showing any data.

Went from this...

To this...

[avin]

@Gun-neR can you send console errors when you open this chart?
If you using Chrome - you have to press F12, then open "Console" and copy or printscreen red messages and paste it here
Like that

Thank you

[Gun-neR]

Not sure is this is posted on GitHub, so I blocked my email... [image: image.png]

…

On Wed, Feb 6, 2019 at 10:37 PM Avin Grape ***@***.***> wrote: @Gun-neR <https://github.com/Gun-neR> can you send console errors when you open this chart? If you using Chrome - you have to press F12, then open "Console" and copy or printscreen red messages and paste it here Like that [image: image] <https://user-images.githubusercontent.com/36100/52394640-fc339280-2abb-11e9-981d-cfe454bd8b24.png> Thank you — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#5 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/Aa3U0SpigxIu3pNxIg53OMYpMKJ9F__6ks5vK8nAgaJpZM4amoIx> .

[avin]

@Gun-neR can you check charts rendering one more time?

[Gun-neR]

Data streams are showing again, but colour and formatting are off.

Mine are actually split horizontally in quarters

[ristomatti]

@avin Cool project! I didn't want to report an issue as this client seems to still be in development stage but I'll comment on this thread. Let me know if you'd like a separate bug report instead.

I tried this quickly and noticed two things with the SuperChart:

1. Graph height setting did not work. So for example two graphs A (height set to 0, 50) and B (height set to 50, 100) are drawn on the same Y-axis instead of each taking 50% of the height.
2. Gradient colors did not work (red-green or blue-red) are drawn with grey color

The color issue seemed to affect all the widgets.

I would suggest updating the documentation to list (in a table for example) which features of each widget you consider being complete. Now when the documentation says "ready widgets" it gives the impression the listed widgets should be complete. It seems unfair to report a bug about the "broken" features if they aren't yet even implemented. I think it would make more sense at this point for people to submit feature requests instead of creating bug reports. :)

[avin]

Sorry guys, gradient colors and custom chart scales do not released yet. I'll notice you when these features will be ready.
@Gun-neR can you share your charts screenshots in original blynk mobile client?
@ristomatti good idea about dev progress list :)

[Gun-neR]

The bottom chart is showing the last month... that option is not availed in the Web App yet.

[avin]

@Gun-neR Wow! I didn't know that it was possible))) I'll try to implement this cool feature

[Gun-neR]

http://docs.blynk.cc/#widgets-displays-superchart

Under the heading % of Height

I have my 4 feeds set to 0-23, 25-49, 51-74, 76-100 - This also give a bit of space (1%) between each.

[avin]

Added gradients and custom scale height. Now it should be more similar to original charts

[ristomatti]

@avin The gradient color on SuperChart has improved a lot from the plain grey, nice! But the height %'s don't seem to work for me. Unfortunately there's a bunch of other issues also...

From below screenshots (both are set to the same time ranges):

• CO2 graph doesn't seem to correspond the one drawn by Blynk at all. One specific thing to notice is that for the CO2 values I have configured SuperChart to not connect missing data points. On Blynk these show as missing sections on the chart but those are not visible on the Web Client.
• Small particle graph still has all values on top of each other.
• Small particle graph does not correspond. One reason is that the sensor has stopped reporting 2 days ago but the Web Client seems to draw the graph based on the values sent from the server, not scaled to the time frame. I've configured the SuperChart to connect missing data points for this data.
• Light graphs are also on top of each other.

Blynk:

Web Client:

Also unrelated to SuperChart - the gradient colors can also be applied to other widgets. For example I have labeled widgets which change color based on the set value range. These show up as grey still.

P.S. Hats off to you for attempting this. When I read that Blynk is not going to offer the upcoming web client for local server users, I was thinking about creating my own client for the purpose. Now when checking your code, and seeing these issues, I've now realized what a mountain of work it is to get something like this done. It might also be why it's taking Blynk themselves so long to get it up and running. 😓

[avin]

@ristomatti can you share with me your project scheme to analize it.
You can get it using url like this
http://my-blynk-server.com:8080/e9bf0d151123431797c123c8ff138aa7/project
http://SERVER:PORT/TOKEN/project
post it on https://gist.github.com/ or email me [email protected]
Thank you!

[ristomatti]

@avin I'll see if I can make a clone, cleanup a bit and then share that. I'm somewhat busy for a couple of days but I'll try to do it ASAP. Just ping me next week if I forget!

[ristomatti]

@avin Sent by email.

[avin]

@ristomatti, mail received, thank you very much!

[avin]

made some improvements of scales and gradients

[Gun-neR]

Looking much better...

[ristomatti]

@avin Looks much better! Now the missing sections are drawn as empty space 👍, height settings seem to work 👍 and the graphs seem to match good enough 👍. I also see the gradient colors have in some way been introduced also on the labeled value widgets but all the gradient values are displayed as green:

Temperature should be from green to red and from humidity green to dark blue. The gradient between the colors should be mapped based on the ranges set on the chart (and labeled values similarly):