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.