RadialGaugeSVG (v2)

Revision 2 of this benchmark created on

Preparation HTML

<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.0.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

    <script src="http://localhost/ig_ui13.2/js/infragistics.util.js"></script>
    <script src="http://localhost/ig_ui13.2/js/infragistics.ext.js"></script>
    <script src="http://localhost/ig_ui13.2/js/infragistics.dv.shared.js"></script>

    <script src="http://localhost/ig_ui13.2/js/infragistics.radialgauge.js"></script>
    <script src="http://localhost/ig_ui13.2/js/infragistics.ui.radialgauge.js"></script>
   
        <div id="radialGauge1"></div>   
        <div id="radialGauge2"></div>

Setup

$("#radialGauge1").igRadialGauge({
      width: "400px",
      height: "400px",
      value: 50,
      enableSVGRendering: true
    });
    $("#radialGauge1").igRadialGauge("flush");
    
    $("#radialGauge2").igRadialGauge({
      width: "400px",
      height: "400px",
      value: 50
    });
    $("#radialGauge2").igRadialGauge("flush");
    var i = 1;
    var j = 1;

Test runner

Ready to run.

Testing in
TestOps/sec
SVG
  $("#radialGauge1").igRadialGauge("option", "maximumValue", 100 + 10 * i);
  $("#radialGauge1").igRadialGauge("flush");
  i++;
ready
Canvas
          $("#radialGauge2").igRadialGauge("option", "maximumValue", 100 + 10 * j);
          $("#radialGauge2").igRadialGauge("flush");
          j++;
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.