anchor.diff:  
                    var svgData = allSvgsCode;
                    var canvas = document.createElement("canvas");
  -                 canvas.width  = marginLeft + marginRight+svgs.length*guageHeight+(svgs.length-1)*indent;
  -                 canvas.height = guageHeight + marginBottom+marginTop;
  +                 canvas.width  = marginLeft + marginRight + gaugeCount * guageWidth + (gaugeCount-1) * indent;
  +                 canvas.height = guageHeight + marginBottom + marginTop;
                    var ctx = canvas.getContext("2d");
                    ctx.fillStyle="white";
                    ctx.fill();
  
positive.code:                 <div class="dashboard-line-footer text-right">
                      <ul class="dashboard-line-nav-box list-unstyled">
                          <li>
                              <a onclick="saveGuagesSvgAsPng()" class="save_as"><i class="fa fa-download"></i> Save all Gauges</a>
                          </li>
                      </ul>
                  </div>
  
negative.code:                                     <div class="box-right-nav dropdown">
                                          <a href="#" data-target="#" data-toggle="dropdown"><i class="fa fa-cog"></i></a>
                                          <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dLabel">
                                              <li><a href="" onclick="saveGaugesSvgAsPng(event, ${index}, ${index})">Save</a></li>
                                              <ano:iF test="${requestScope.selectedDashboard == null && gauge.dashboardsToAdd != ''}">
                                                  <li><a onclick="addGauge('${gauge.caption}', '${gauge.name}', '${gauge.dashboardsToAdd}')" >Add to Dashboard</a></li>
                                              </ano:iF>
  