Supercharts - great on iOS, not so on Android

Issues and Errors
, ,
1

Hi Blynk.
My Supercharts on Android look poor relative to the excellent rendering on iOS.

I use both Android and iOS devices with Blynk apps.

  • Android 13 on Google Pixel 6a
  • Android Blynk app v 1.13.1(145)
  • iOS on iPad 16.6.1
  • iOS Blynk app v 3.6.1 (0)
  • Blynk 1.3.2
  • Windows 11

Here are two screen shots of the same Blynk app. Full-screen mode is not much different.

Note

  • vertical axis positioning differences
    red axis gone in Android
    blue axis on RHS on Android, LHS on iOS
  • absent chart labeled “Hot Tub”
    (yes, I measure the temp in my hot tub)
  • You may note other differences outside of the Supercharts.

What more info can I supply? Not sure code would be helpful here.

Thanks in advance.

Excellent iPad image

iPad Image
iPad Image540×974 152 KB

Not so good Android image

Android Image
Android Image518×1158 76.4 KB

2

Android app version might be a good start.

Pete.

3

Thanks!

4

@BlynkAndroidDev

5

Most probably thats a bug with color switch to new model with dark/light colors support. Android uaes new fields, iOs (if not the latest version) uses older fields. Please re set colors for streams, i belieeve it should fix the issue, try to set them on Android, if ios does not have darklight color options for datastreams

6

On the barometer diffeent y axises: What are minmax of the datastream, and whats set up have graph datastream, which scale?

7

@BlynkAndroidDev looks like he has old-style gradients set as datastream colors. iOS app does not allow setting such gradients any more, but supports the rendering in already configured charts.

8

Thanks for the quick replies.

On the Weather Superchart

  • Outside Temp and Barometer both set to Auto
  • Colors set to the primary color selections, not gradient scale

On the Hot Tub Superchart

  • Temperature set to Auto
  • Color set to the primary color selections, not gradient scale

Blynk Android app exited and restarted.
Blynk iOS app exited and restarted.

Here are the screenshots. Android rendering still not as lovely as iOS.
Colors appear to be correct. Scaling is not. All scaling set to AUTO.

iOS on LEFT … … … … … … … … . Android on RIGHT

image
image1083×1000 150 KB

9

Thanks, android app have missed correct range. Can you provide those streams settings from the app which are shown in the wrong range. Auto scale, what are their datastream min/max?

10

Thank you again for your time and interest.

On the Weather Superchart only

  • Temperature readings between 65 and 75 recently.

  • Barometer readings between 29 and 31 nearly always.

  • I had not set min or max on these datastreams in the Superchart in earlier screenshots.

  • When I now set Min and Max instead of Auto, the charts still do not render correctly. See below.
    The red Temperature chart looks good.
    The blue Barometer chart has the wrong range.

    image
    image1472×1015 182 KB

FYI only…
Android screenshot
Overrride auto scaling for all datasreams not set

image
image500×1052 54 KB

1 Like
11

But you must have min/max values defined in the datastream setup for the template.

Pete.

12

Thanks, I will investigate this bug next week, we already planned a minor fixes update 1.13.2, so I suppose this issue to be fixed in 1.13.3

13

Thanks @PeteKnight And thank you @BlynkAndroidDev for your interest.

In the Weather Superchart

  • the Temperature Datastream limits are set at -40 to 120
  • the Barometer Datastream limits are set at 26 to 42

Much appreciated. The Android Supercharts have never rendered well on Android. It would be nice to have these sparkle. I use both Android and iOS, but the phone I use day in and day out is the Android.

2 Likes
14

Thank you @BlynkAndroidDev for cleaning up the Android Supercharts.
They work wonderfully now.

Much appreciated.

1 Like