Mictronics/GaugeMeter

Problems with running on IOS / Safari Browser

nobby2k opened this issue · 5 comments

Hello,
at first a great Thanks to you for sharing your work.
I have implemented this on my page and it work without problems if i use browsers like CHROME, IE, FIREFOX.
But on my mobile devices ( Iphone or Ipad with actual IOS Version) , i see no reaction. The gauge bar also than the text does not appear.
Do you have an idea what could cause this problem ?

Thanks for help.

No instant idea. I have no access to Apple devices, so can't try. Do you depend on jQuery on your page?
You may try the non-jQuery version: https://github.com/Mictronics/gaugemeter-ts

Über das CSS des Gaugemeters:

  .GaugeMeter SPAN,
  .GaugeMeter B{
    Margin:          0 23%;
    Width:           54%;
    Position:        Absolute;
    Text-align:      Center;
    Display:         Inline-Block;
    Color:           RGBa(0,0,0,.8);
    Font-Weight:     100;
    Font-Family:     "Open Sans", Arial;
    Overflow:        Hidden;
    White-Space:     NoWrap;
    Text-Overflow:   Ellipsis;
  }

Color: RGBa(0,0,0,.8); ersetzen durch Color: RGBa(0,0,0,0);
Siehe Demo CSS Styles: https://www.mictronics.de/gaugemeter/index.html

Die Änderung betrifft dann aber alle Gaugemeter auf eine HTML Seite.