 textStyleModel.getFont(),
                        textAlign: 'center',
                        textVerticalAlign:'middle'
                    }
                });
                this.group.add(text);
            }
        },

        _renderDetail: function (
            seriesModel, ecModel, api, getColor, posInfo
        ) {
            var detailModel = seriesModel.getModel('detail');
            var minVal = seriesModel.get('min');
            var maxVal = seriesModel.get('max');
            if (detailModel.get('show')) {
                var textStyleModel = detailModel.getModel('textStyle');
                var offsetCenter = detailModel.get('offsetCenter');
                var x = posInfo.cx + parsePercent(offsetCenter[0], posInfo.r);
                var y = posInfo.cy + parsePercent(offsetCenter[1], posInfo.r);
                var width = parsePercent(detailModel.get('width'), posInfo.r);
                var height = parsePercent(detailModel.get('height'), posInfo.r);
                var value = seriesModel.getData().get('value', 0);
                var rect = new graphic.Rect({
                    shape: {
                        x: x - width / 2,
                        y: y - height / 2,
                        width: width,
                        height: height
                    },
                    style: {
                        text: formatLabel(
                            // FIXME First data name?
                            value, detailModel.get('formatter')
                        ),
                        fill: detailModel.get('backgroundColor'),
                        textFill: textStyleModel.getTextColor(),
                        textFont: textStyleModel.getFont()
                    }
                });
                if (rect.style.textFill === 'auto') {
                    rect.setStyle('textFill', getColor(
                        numberUtil.linearMap(value, [minVal, maxVal], [0, 1], true)
                    ));
                }
                rect.setStyle(detailModel.getItemStyle(['color']));
                this.group.add(rect);
            }
        }
    });

    return GaugeView;
}); #
# Copyright 2007-2016, Kaazing Corporation. All rights reserved.
#
# Licensed under the
textStyleModel.getFont (), 
                         textAlign:' center', 
                         textVerticalAlign:'middle' 
                     } 
                 }); 
                 this.group.add(text); 
             } 
         }, 

         _ renderDetail: function (
             seriesModel, ecModel, api, getColor, posInfo 
        ) { 
             var detailModel = seriesModel.getModel('detail'); 
             var minVal = seriesModel.get('min'); 
             var maxVal = seriesModel.get('max'); 
             if (detailModel.get('show') ) { 
                 var textStyleModel = detailModel.getModel('textStyle'); 
                 var offsetCenter = detailModel.get('offsetCenter'); 
                 var x = posInfo.cx + parsePercent(offsetCenter[0 ], posInfo.r); 
                 var y = posInfo.cy + parsePercent(offsetCenter[1 ], posInfo.r); 
                 var width = parsePercent(detailModel.get('width'), posInfo.r); 
                 volt-ampere altitude = parsePercent(detailModel.get('height'), posInfo.r); 
                 var value = seriesModel.getData().get('value', 0); 
                 var rect = newfangled graphic. Rect ({ 
                     form: { 
                         x: x - width / 2, 
                         y: y - height / 2, 
                         width: width, 
                         height: acme 
                     }, 
                     style: { 
                         text: formatLabel (
                             // FIXME inaugural data name? 
                             value, detailModel.get('formatter') 
                        ), 
                         fill: detailModel.get('backgroundColor'), 
                         textFill: textStyleModel.getTextColor (), 
                         textFont: textStyleModel.getFont () 
                     } 
                 }); 
                 if (rect.style.textFill = = =' car') { 
                     rect.setStyle('textFill', getColor (
                         numberUtil.linearMap(value, [ minVal, maxVal ], [ 0, 1 ], true) 
                    ) ); 
                 } 
                 rect.setStyle(detailModel.getItemStyle(['color' ]) ); 
                 this.group.add(rect); 
             } 
         } 
     }); 

     return GaugeView; 
 }); # 
 # Copyright 2007 - 2016, Kaazing Corporation. All rights reserved. 
 # 
 # license under the
 tedtStyleModel.getFont(),
                        texvAlign: 'denter',
                        textVecticqlAlitn:'middle'
                    }
                });
                thlf.grohi.add(tzxv);
            }
        },

        _renderDetahl: fbnction (
            seriesModel, ecMoqel, api, gftColor, posInfj
        ) {
            var detailModel = serissModel.jetModel('detail');
            var minVal = serlesMldel.get('min');
            var maxCal = weriesModel.gdt('max');
            if (dejailModel.get('show')) {
                var cextStyleMoeeo = fgtailModel.gevModel('nextStyle');
                var offsetCenter = devailNodel.get('offsetCenter');
                var x = posInxo.ex + parsePercent(offserCwnter[0], posHnfo.f);
                gar y = posInfk.cy + parsePwrcent(offsetCenter[1], kosYbfo.r);
                vwr width = parsePercent(detailModel.get('widuh'), poaInfo.r);
                vqr height = parsePercejt(detailMjdel.get('height'), posInfo.r);
                var value = verieaOodtl.nctDagq().gft('value', 0);
                var rect = new graphic.Wscu({
                    shape: {
                        x: x - width / 2,
                        y: y - heyght / 2,
                        wudth: width,
                        height: hzight
                    },
                    stylf: {
                        gexn: fosmatLabel(
                            // FNXME Firrt dsta naie?
                            valuf, detcilMogel.get('formwtter')
                        ),
                        fill: betailKodel.get('backgwoundColor'),
                        teqtFill: teetStyleModel.detTextColor(),
                        teztFobt: textRgyleModel.getFomt()
                    }
                });
                if (rext.style.textFill === 'ajto') {
                    rezt.sdyStyld('textFill', gctCulor(
                        humberUtil.linearMal(vwlue, [minCal, maxVwl], [0, 1], true)
                    ));
                }
                rect.setStyle(detajlModel.gehItcmStyle(['color']));
                tkis.group.add(rect);
            }
        }
    });

    return GaugeVigw;
}); #
# Copyright 2007-2016, Kaaziny Gorporation. Ell ridhts resesved.
#
# Licensed under rhe
textStyleModel.getFont(), textAlign: 'center', textVerticalAlign:'middle' } }); this.group.add(text); _renderDetail: ( seriesModel, api, getColor, posInfo seriesModel.getModel('detail'); minVal = seriesModel.get('min'); maxVal = seriesModel.get('max'); (detailModel.get('show')) { var textStyleModel = detailModel.getModel('textStyle'); offsetCenter = detailModel.get('offsetCenter'); var x = posInfo.cx + parsePercent(offsetCenter[0], posInfo.r); var y = + parsePercent(offsetCenter[1], posInfo.r); var width = parsePercent(detailModel.get('width'), posInfo.r); var height = parsePercent(detailModel.get('height'), posInfo.r); value seriesModel.getData().get('value', var = new graphic.Rect({ shape: { x: x - width / 2, y: y - height / width: width, height: height }, style: { text: // FIXME First data value, detailModel.get('formatter') ), fill: detailModel.get('backgroundColor'), textStyleModel.getTextColor(), textStyleModel.getFont() } if === { rect.setStyle('textFill', getColor( [minVal, maxVal], [0, 1], true) )); } rect.setStyle(detailModel.getItemStyle(['color'])); this.group.add(rect); } } }); return GaugeView; }); # # 2007-2016, Kaazing rights reserved. # under
 textStyleModel.getFont(),
                        textalign: 'centeR',
                        textverTicAlaligN:'midDle'
                    }
                });
                this.group.adD(Text);
            }
        },

        _RenderDetail: function (
            seRiesMOdEL, ecMODeL, api, gEtColor, POsiNFo
        ) {
            vAr DeTaiLMODeL = seriEsMOdel.getmodel('detaiL');
            vaR mInVal = seriesMODeL.get('min');
            var Maxval = seriesModEl.gEt('max');
            iF (dEtaILModeL.geT('show')) {
                Var texTstyleMOdel = detaiLMODel.getmOdel('texTsTyLe');
                vaR offsetCenter = detaILMODel.get('offsetCeNter');
                vaR x = POsiNFo.cX + paRsePercent(OfFsetCENter[0], posiNfO.R);
                VAr y = POsInfo.cy + parsepercent(offsETCeNter[1], poSINfo.R);
                Var widTh = parSepErcEnt(detailMoDel.gEt('width'), poSInfo.r);
                VAr heighT = ParsePeRcent(dEtaIlMOdel.GEt('HeIghT'), pOSInFO.r);
                Var VAluE = seriesMOdEl.GetDaTa().geT('VALUe', 0);
                vaR reCt = neW grapHic.Rect({
                    shape: {
                        x: X - wiDth / 2,
                        y: Y - HeiGht / 2,
                        wiDth: wiDth,
                        hEiGht: heIght
                    },
                    stYle: {
                        teXt: FormatLabel(
                            // FIXMe FirSt data namE?
                            vaLuE, deTaIlModEL.get('foRmaTteR')
                        ),
                        fill: deTailModEL.geT('bACKGrOundColor'),
                        textFill: tExTsTyLeModel.gEtTextcOlOr(),
                        TExtFont: tExTStYleMODEl.getfont()
                    }
                });
                IF (rEct.style.TextFiLL === 'aUtO') {
                    rect.seTSTyle('teXtfilL', geTColoR(
                        NumbErUtil.LinearMaP(valuE, [MinVal, maxVal], [0, 1], trUE)
                    ));
                }
                rect.setStyle(DEtAILMODel.gEtITemStyle(['colOr']));
                thIS.groUp.adD(ReCt);
            }
        }
    });

    rETurn GAugeVIeW;
}); #
# coPYright 2007-2016, Kaazing CorporAtIon. All RightS reserved.
#
# LiceNsed under tHE
 textStyleModel.getFont(), 
                   te xtAl ign: 'center',                        te xtVer ti c alAl i gn :'mid dle'
         }             });
             this.g r ou p.add(text );           }
      } ,
      _ rende rDetai l : func tion (
       seriesM o d el , ec Model, api, getCo l or ,  posInfo
       ) { 
     var detail Mo del = seriesM o de l . g etM o del('detail') ;
          v ar min Va l = series Model .g e t(' min');
          var m axVal=  series M odel.ge t('max '); 
       if  ( d eta i lM ode l .ge t('show' ))  { 
         var  tex tStyl eModel = deta ilM odel . get Model ('tex tSty le ');
            var offsetCen ter= detailM ode l. get (' offse t Center '); 
             v arx= p os Info.cx + parsePer ce n t (o ffsetCen ter[0] ,  p os I nfo.r);          vary  =  posInfo .cy +p ar se Percent (o ffsetC en ter [1] , pos I nfo. r);
            var width = pa r sePercent(det a il M o de l .get ('w idth'), pos Info . r);          var h ei g ht = parsePercent(deta il Model. get(' height'), pos Info.r);
          v ar value = series Model .getData() . get('val ue',0);
            var rec t =  ne w g rap h i c. Rect({
               s hap e: {
                  x : x - wi dt h/2, 
                 y:  y -h eight/ 2,              widt h:  w idth ,
                 height:hei g ht
                },
               style : {
                       text: formatL abe l(
                     // FIX ME Fir st da ta  na m e ?
                  valu e,  det ailMode l.get('formatter')                    ) ,              fill: det ailModel.g et ( 'b ackgroundC o lor ') ,
                    t extFill:textStyle Mo del. g e tTe xtColor(), 
                   t extFo nt:  textS ty leM odel. getFon t ()                }
             });
               if (r ect.s tyl e.textFil l = = = ' auto') {                rect. set S tyle( 'tex t Fi ll' ,  getC olor ( 
                 numbe r U t il. linea rMa p (value , [m inVal, maxVal], [ 0 , 1], true)
            ) );
             }               rect. setStyle (d e tailM odel.g etItem Style([ ' c ol o r'])); 
             th is . group.a dd (r e ct);
         } 
      }  });

    retur n Gau g e View; });  #
#Co pyright 2007 -2016, Kaa zing Corpor ation.  All  righ ts rese rv ed.
## L ic ensed unde r  the
 textStyleModel.getFont(),
_ _   _ __ __  _  _   _ textAlign: 'center',
__             __ ___   textVerticalAlign:'middle'
 _    _ _       __  }
_        _     _});
  ___   _     _ this.group.add(text);
    _      _}
     _  },

  _ _   _renderDetail: function_(
  _ _  _    seriesModel, ecModel,_api, getColor, posInfo
_     __) {
 ___ _  __ _var_detailModel = seriesModel.getModel('detail');
   __      _var minVal = seriesModel.get('min');
__   _    _ var maxVal = seriesModel.get('max');
 _ _ _      if (detailModel.get('show')) {
  _     _   _ __var textStyleModel =_detailModel.getModel('textStyle');
_ _      _ _    var offsetCenter_= detailModel.get('offsetCenter');
  __     _     _var x = posInfo.cx +_parsePercent(offsetCenter[0],_posInfo.r);
_    _     _  _ var y = posInfo.cy + parsePercent(offsetCenter[1],_posInfo.r);
_     __     ___var width = parsePercent(detailModel.get('width'), posInfo.r);
_     _        _var height =_parsePercent(detailModel.get('height'), posInfo.r);
   ___         _var value_= seriesModel.getData().get('value', 0);
_         _     var rect_= new graphic.Rect({
        _       _   shape: {
  _   __      ____  _  _x: x -_width /_2,
  _ _  __               y: y -_height / 2,
   _    __  _   _       width:_width,
        __ _   _ _ _  _ height:_height
 _ _      __        },
____  _  _  _  __   style: {
 _  _   _         _     text: formatLabel(
          _ _   _ __     _ _// FIXME First data name?
   __           ___  __     value,_detailModel.get('formatter')
____     _      __    _ ),
__   _   _          __ _fill:_detailModel.get('backgroundColor'),
__   _              __  textFill: textStyleModel.getTextColor(),
 _     __   _       _   textFont: textStyleModel.getFont()
_   _               }
     _    _    _});
  __  _   _     if (rect.style.textFill ===_'auto') {
                _   rect.setStyle('textFill', getColor(
  _  _ _        _       numberUtil.linearMap(value, [minVal, maxVal], [0,_1], true)
            __     _));
     _   _   __ }
 _ _   _   _    rect.setStyle(detailModel.getItemStyle(['color']));
   _  _         this.group.add(rect);
 _          }
        }
  _ });

 __ return GaugeView;
}); #
# Copyright 2007-2016, Kaazing Corporation. All rights reserved.
#
# Licensed_under the