SteelSeries Gauges don't show on mobile

Dashboard
1

Well, title says it all.

Those wonderfull gauges show on a PC dashboard but just don't show on mobile either on IOS or Android.

<script src="/myjs/tween-min.js"></script>
<script src="/myjs/steelseries-min.js"></script>
<script>
var cog;
    (function(scope){ 
        scope.$watch('msg', function(msg) {
           if (typeof(msg.value) != "undefined")cog.setValueAnimated(msg.value);
          
        });
    })(scope);

    

    cog = new steelseries.Compass('cog', {
            gaugeType: steelseries.GaugeType.TYPE4,
            
            size: 400,
           
            //titleString: "Charge",
            //unitString: "AMPS",
           // threshold: 11.9,
           // minValue: 0,
           // maxValue:  10,
           // thresholdRising: false,
            //lcdVisible: true,
           
        });
//cog.steelseries.BackgroundColor.(steelseries.BackgroundColor.WHITE); 
   cog.setFrameDesign(steelseries.FrameDesign.BLACK_METAL);
   cog.setValueAnimated(0);                   
   
   //cog.setPointerType(steelseries.PointerType.TYPE9);
    


</script>

<canvas id="cog" width="190" height="190"></canvas>

Resizing does not help, any clues any one?

Thanks.

2

Replying to myself: I have mixed two different gauges library in different templates. deleting one did the trick.

3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.