À.¸ï&1|?"{}:+dª“Ät	»Þéö4BÔE…“³n!‚3Í_±È${íE³Ú6í|¤²èëTŸI³š]î¬æÌò
òZ½\U‘ÙÍ¡]ûSÿmwÉ%CåÏÝRJ‹hþJC«³<Måà® ¶ê¯ºh­ø*Y¨òDy,i^'
/Œ9¿®Žõõÿp–½_‰ÙÙK­#âØ¶¯þe%5^Ä´ÛM[:ù;,{ûÇ¥ÀÞíçª‹-	žÔFô
qæâ@30¼»bÎØÌl­ÀÛö¯KÔOBYá¿ÃL”<õXe)4)™ØM§.)¨fà”[Â7 ¨D¶@ïµ\+ Ê³DAÏ‘ëçQlß¡…“jJm2Yi€Pú˜Ã"#˜¨ö¤ø0„N!¼²'Çx:GrE¶zÙ¿p?Ž$±Xb41yqøß‰ôö‡áÂ«êølT\ûýFÐ z]´¶¨c-ef9—W£'=‚¸o0wµž áà³N\n©-&ÊÌ}çO©*g—·q1¹Á…?ÖíäKù0GÜà™~êÆ¡ŒŽ»(Õº™$Pù9`]Hò2í/ôa;2ERÿaÉFHµÌÅÎ¨t6Ó˜øz_¼‰äÅ{£–RÝD(Zx,‘²«2x’<ã™Tùpž½IuôRÐÐ•ßº•k2Jû4®;™¥6iÛt?ZÉ=DÎ¹=¥{(ÂÐÀ#X@9›MÂ™Î˜}Rö+_…þ%‚ü†‰6\2¿K»È˜­§¶ƒbÎK½²ÔÍöã„ë…,Izu÷•hDt éÂR[-ð Æ@ùMš‘šP?Is!P;‰¦97ô|Jj\DíÝî~]Oô0Ë½«HÌ_Û0Y±ËÅá2œ¬Î4<Ë~;æeñ}þUö_3’Zé¤»Æ×;F,­Áé»QˆÐ-$ÙÕTþ·a©¿„÷2¼éohâõÞÝxÖ[mw #
9Œ¥>œ­”[rÀlìî
-@Ælx¾1›–
±_§øc[¢ÿ JÀA)–(‹*}«(<ïrÑD“"‚oŒ,8/M6eS}æ4ÄÛÑ·°ÓñzÜ(yÃ‘•£:ê›èS§É=0æ~6´e§qÚ—›/Tº¬ØU›™×hj’w òÍfîåŒC5ƒöó/O¬hEÎ¼%ÔV›ðbA:†dÖ>•Gê¡Ò\ïümöÔ¤„Ý )z&zÂœ>Ï;²‘Î˜|ˆ>â t™zpÅ ¹å”¶TY6R‚$t#}ü‡Õ¢}T[6a¶&ß!	]|ô¼›ÍÔ‚èJJqVuÝÂÿµ10„ÛÆxiRzÝä¤»gBØDûÃbNë…íý½Ü±[oƒ]ë»‘l¶)ôî·
à/×øÝÿ	^¤–4Ëæ¿TKŠ¾&AH9_úXgÖÊã%ŠÜG±¬å)RÀàI2²r¸1S„Â2®^¤–4Ëæ¿TKŠ¾&AH9=ŒP?JWXàëbßâwN¤¯¤õõÂ-zð¨_éŠÛ8nnà&,ô‚`\Íf…F¿¾E¬s,F)+óØâÆ_L¸§¦€ùujj2±mh¦ežætÓx1>^¸•“F‚Ã«mŠ:øB­0gL®Ú«¤l¢%A®Ÿ*qêÛ8nnà&,ô‚`\Ífn'>n® 	€m!Ö0ÉÐê¼2a-§è¡Ü®¯
=¨ ö ,¯†Iÿ<n­ÓªQ0R×«ÐúÔñœ„˜¥n©X–?	¡ý©ò—Âr¹ ´+·SdËv1Áó98SÕ[©þÓ"‡ß¢v¯½S
Œ™ÔÂHÇÈiál…Ð`¬†kùÂüãeqXÇQƒ1ÍünFåRÃbšŠü3„Ñw scS¡2K(“ƒÃ] d½AèÕ´ÚÁ>­¦gº(¥!­Û8nnà&,ô‚`\Ífåàœm(?‹’;g&Ä.¿£5àíPÆ|l,2dy£ã15¡â…¹÷3vtÜÐ×Šú^¤–4Ëæ¿TKŠ¾&AH9§œø'Ñ}¼ë¡è´Î MÈWÉdÉ]|œ–hÄÛ8nnà&,ô‚`\Íf0 Ûa¤í/§§ÕÆ§aºO§Ô£KÏÿÙ·ÓWåšÄ ý’#-,@&\²}K;þá¬3Í¦w±Ž=[þr¾DQP‡^®N½Î†*h4§'û“ùÖ¯TöOyáš%Óæ®3sÕ+¤ÚK+,^Þr‘2hð‘Š$±1Ü1é?òhPu0áŒA§ "!PŸxA2·FÐ
ËC'<õÎ­Ž ížE©úŠ77éƒUo6ˆ¦:eµÜÐ‘Fj"©V#¦-ä8T99¬ÆmâÂ=*ñ›3³êÙQ‰öY£µù ÄŠ6óLQ•ª¶ºô—wýèé§NDËïéi‡Ç¤"-ÐØcFC™Ä¶ôê¨=±Ä’µ]VÝ¥wÀœ½¬Nm£ö²ísêÝ¬EÞ·R#TZòt"æEéÅê)X1LOO¿ûµv‚˜®¹Ê\»Á´n:s6¹E—òƒË»>Ð˜ï;6jŸ2¥TVZ™´ˆg°!*Ä¹T‰‰t/ô l¾ñÐdÕÔ¥`O4b|˜)ñ^¤–4Ëæ¿TKŠ¾&AH9àxö×<cð¢Crþ:ÖÌSã1TÜÿ¦r€àŠíá£%j‡•“F‚Ã«mŠ:øB­0gÓ;¥ÉI±Îïó—c+Á[8*K'¹ª¬âÔÕvŸ[Û8nnà&,ô‚`\Íf€GB.§ 1´ýê6µÉlvkÕIla,UVm9²1—âœ0ò^ï>öZ	TµªE3//‹Wþ´VJåÓ§i¤µv‰C{{Ô!P—[œHŽœß’Æ™s6ßI\ìwbºISÜ'5=_;UcÛñ0jã%8góó?ßÙm±G¹Õ*Ý­`CaQÕA4¶rÐ¤Õ¦¨FHÕuØ]pI-±m¸°ÔJ2×c”œ?tê@Ç*ŸAy¿@Ñá8šU0Û8nnà&,ô‚`\ÍfraË­íD ÍÚyÿÊÛ§G.Û8nnà&,ô‚`\ÍfKhHf£ß@¹
	jil©/öKÃ90{$’>Ny—%V€Úqº7òä¢ÕµcßY5Bš•Sw‡KÀVLV‹XtFq(e5!B^ô,ƒô¤"-ÐØcFC™Ä¶ôê°s")é0³ñèßjé~BºØû¬Ø@^¼dc‹s’*«=õ\óáBIÈÛ¦©ýü !²£Ç;ròàû3ÊT‰ý5!±à@$BàdƒRŠkd¹,Çdí)eäˆ3$„ÎŽŠY‡ÇÚ0|*1³¤²oÛ8nnà&,ô‚`\ÍfaP0N¬Á…’ÑysòwE¡Y7Ê½U~·:Îki©»ü ñmzD¼F×i3O—Û8nnà&,ô‚`\Íf JìmNaYÖ)d¬þ1+gqž0=NÞ«ÉõïYSô#¶Y0à¸ó~! ü¿Ÿ«¾õ ^h™±×k¸Oã\“#Z¨Øêß<4¦4çXkQT&ÞãH ßãÎm„¿H=Záb·›mHÁä—ýUÐãÐd(Û,"ócÚ*¹‘‹ú-úÎEU+ÎzK³ÒF? 8ÈPÅ78V¢ï1– 	wy>àçG²$žíœ¥/{º;œ–T¢Éí Ê!6Hc­^Àn‘èt”¬XãL*ÿŸhAâq®DQP‡^®N½Î†*h4§¢­˜ö»·-650š§èacÊÿÜW\ÞhÜluò;–‡Iè¦$ž~å¤G³¾Eh¢Þ¡a<´¡Ûð“Ú*7[HºkÕ‚Z§à¬jÉ¥Òh)2‘é¡ål«Fw1?°4"«É“I†)­÷€€ù'âè:dÛ8nnà&,ô‚`\Íf“ûáaˆD!@ í	±õÅ™H!_^«9©,ðÅ…oMscS¡2K(“ƒÃ] d½AèÕ´ÚÁ>­¦gº(¥!­Û8nnà&,ô‚`\Ífåàœm(?‹’;g&Ä.¿£5àíPÆ|l,2dy£}è/¢ÜþîŠ2&î˜\˜^¤–4Ëæ¿TKŠ¾&AH9§œø'Ñ}¼ë¡è´Î MÈWÉdÉ]|œ–hÄÛ8nnà&,ô‚`\Ífg=yúÏ‡Náõö3âžq*Ù“oÔS–ðÈœÜÍ>ºã;/˜Fû‘é9,¤U<!Ç™€‡Žœ	F.eÝÐ!"vbX'mÚùv­Íç½Mp0¶8z '~ëµÆ®¹ÄÌ‘ŠAìÎÊ:K~QhÙHÒM¯Õ
dõ¯-Û8nnà&,ô‚`\Íf­fÈäØãjœw¶Òóœs«ô=Ù’‰*ƒßI£:¯ïré‘8%ùˆ&`nJŒ» _61¶ŽÖ®%ï¨ÂG¨<>6°k’.57¬jHª_Lej¢Ÿ}¹Á³éw
hƒTÛ8nnà&,ô‚`\ÍfÍÒ‡(ðÏßJ8[R¼{ïfÝÛ8nnà&,ô‚`\Íf}/†0­=ò¢œœë-ƒù5¯è.‰4ŒÄ±Ê¡Dçþ7!GäŸcõp$5=Û-6FqDQP‡^®N½Î†*h4§?¿p2imm}Þ@Õ=&¨Û8nnà&,ô‚`\ÍfæRÓv9Á®bQL[ƒbNöÛ8nnà&,ô‚`\Íf‹7ÜA`fØ(uAfú¬§HZ;Ò·zHSLù .vÌ±ÃÛ8nnà&,ô‚`\Íf?þN² \(©>GLðd²QÛ8nnà&,ô‚`\ÍfgçPB”I­[EÉƒ¸íõÛ8nnà&,ô‚`\Íf÷æ‘”#”æÏc@Q…-fC®FÏÝ‚…'§c‰BQ#*S½_MmóM“æ¤"-ÐØcFC™Ä¶ôê¼þ‹o.G@RÍ7ÿžÛ8nnà&,ô‚`\ÍfwƒÝï½Ê}Ä‡Éwü}XÇ:9X7ê%LšrCvî4±lç‰ÌZ|ú"ŒsmßÞëôø¸²}f©ã¹¡«\ÊL 2~V(ŽÞ€„X¦SýòµìZDYs?àñs-³
¸¤"-ÐØcFC™Ä¶ôêãmÚí¥Ùe/S¥:nî€Û8nnà&,ô‚`\Ífy&z4¾‹Ïo¸³Ñr!ª:Ý¼s€~8ÅÈ!0ÏzC-Ì0¬ÔigfTòÚô¿­Å¨° GI`Í«¬G3þþÛ8nnà&,ô‚`\Íf“zÆ7?••;Ãd9öÛ•}Û8nnà&,ô‚`\ÍfœVbd$—å’#N ?¬æò±;Û!qÌOr TëFR0 $('#jqxBarGauge').jqxBarGauge('backgroundColor');</code></pre>
                        <div style="padding-bottom:5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-backgroundcolor-property">backgroundColor is set to 'mistyrose'</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span3'>barSpacing</span>
                </td>
                <td>
                    <span>Number</span>
                </td>
                <td>
                    4
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Sets or gets the space between the segments of the jqxBarGauge.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Set the <code>barSpacing</code> property.
                        </p>
                        <pre><code>$('#jqxBarGauge').jqxBarGauge({ barSpacing: 2 });</code></pre>
                        <p>
                            Get the <code>barSpacing</code> property.
                        </p>
                        <pre><code>var barSpacing = $('#jqxBarGauge').jqxBarGauge('barSpacing');</code></pre>
                        <div style="padding-bottom:5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-barspacing-property">barSpacing is set to '12'</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span4'>baseValue</span>
                </td>
                <td>
                    <span>Number</span>
                </td>
                <td>
                    null
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Sets the base value of jqxBarGauge.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Set the <code>baseValue</code> property.
                        </p>
                        <pre><code>$('#jqxBarGauge').jqxBarGauge({ baseValue: 10 });</code></pre>
                        <p>
                            Get the <code>baseValue</code> property.
                        </p>
                        <pre><code>var baseValue = $('#jqxBarGauge').jqxBarGauge('baseValue');</code></pre>
                        <div style="padding-bottom:5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-basevalue-property">baseValue is set to '30'</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span12'>colorScheme</span>
                </td>
                <td>
                    <span>String</span>
                </td>
                <td>
                    'scheme01'
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Sets the jqxBarGauge's color palette. jqxBarGauge suppports 27 color schemes from 'scheme01' to 'scheme27'. I's possible to set custom scheme in combination with "customColorScheme" property.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Set the <code>colorScheme</code> property.
                        </p>
                        <pre><code>$('#jqxBarGauge').jqxBarGauge({ colorScheme: 'scheme06' });</code></pre>
                        <p>
                            Get the <code>colorScheme</code> property.
                        </p>
                        <pre><code>var colorScheme = $('#jqxBarGauge').jqxBarGauge('colorScheme');</code></pre>
                        <div style="padding-bottom:5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-colorscheme-property">colorScheme is set to 'scheme02'</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span12'>customColorScheme</span>
                </td>
                <td>
                    <span>String</span>
                </td>
                <td>
                    'scheme01'
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Sets custom color palette in the BarGauge. This is used in combination with "colorScheme" property.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Set the <code>customColorScheme</code> property.
                        </p>
                        <pre><code>
$('#jqxBarGauge').jqxBarGauge({ 
    colorScheme: 'customColors',
    customColorScheme: {
        name: 'customColors',
        colors: ["blue", "green", "red"]
    }
});</code></pre>
                        <br />
                        CustomColorScheme Properties:

                        <ul>
                            <li>name - sets the name of color scheme, corresponding with the value of "colorScheme" property.</li>
                            <li>colors - sets the array of colors.</li>
                        </ul>

                        <p>
                            Get the <code>customColorScheme</code> property.
                        </p>
                        <pre><code>var customColorScheme = $('#jqxBarGauge').jqxBarGauge('customColorScheme');</code></pre>
                        <div style="padding-bottom:5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-customcolorscheme-property">customColorScheme is set to custom colors</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span5'>disabled</span>
                </td>
                <td>
                    <span>Boolean</span>
                </td>
                <td>
                    false
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Sets or gets the values of the disabled property of jqxBarGauge. By default is false.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Set the <code>disabled</code> property.
                        </p>
                        <pre><code>$('#jqxBarGauge').jqxBarGauge({ disabled: true });</code></pre>
                        <p>
                            Get the <code>disabled</code> property.
                        </p>
                        <pre><code>var disabled = $('#jqxBarGauge').jqxBarGauge('disabled');</code></pre>
                        <div style="padding-bottom:5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-disabled-property">disabled is set to false</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span6'>endAngle</span>
                </td>
                <td>
                    <span>Number</span>
                </td>
                <td>
                    0
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Sets or gets the endAngle of the BarGauge. Used to create geometry of the arc in the space.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Set the <code>endAngle</code> property.
                        </p>
<pre><code>
$('#jqxBarGauge').jqxBarGauge({
    startAngle: 320,
    endAngle: 0
});
</code></pre>
                        <p>
                            Get the <code>endAngle</code> property.
                        </p>
                        <pre><code>var endAngle = $('#jqxBarGauge').jqxBarGauge('endAngle');</code></pre>
                        <div style="padding-bottom:5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-endangle-property">endAngle is set to custom degrees</a>
                        </div>
                    </div>
                </td>
            </tr>

            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span6'>formatFunction</span>
                </td>
                <td>
                    <span>Object</span>
                </td>
                <td>
                    null
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Sets or gets the formatFunction of the BarGauge. Used to make changes on the particular segment.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Set the <code>formatFunction</code> property.
                        </p>
<pre><code>
$('#jqxBarGauge').jqxBarGauge({
    formatFunction: {
        value: 45,
        index: 0,
        color: '#CA71AF'
    }
});
</code></pre>
                        <br />
                        <p>
                            The formatFunction is a string or object with properties.
                        </p>
                        <ul>
                            <li>value - set value of the segment with expected index.</li>
                            <li>index - set index of the BarGauge that will be changed.</li>
                            <li>color - set color.</li>
                        </ul>
                        <p>
                            Get the <code>formatFunction</code> property.
                        </p>
                        <pre><code>var formatFunction = $('#jqxBarGauge').jqxBarGauge('formatFunction');</code></pre>
                        <div style="padding-bottom:5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-formatfunction-property">formatFunction is set with custom settings</a>
                        </div>
                    </div>
                </td>
            </tr>

            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span16'>height</span>
                </td>
                <td>
                    <span>Number</span>
                </td>
                <td>
                    400
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Sets or gets the BarGauge's height.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Set the <code>height</code> property.
                        </p>
                        <pre><code>$('#jqxBarGauge').jqxBarGauge({ height: 450 });</code></pre>
                        <p>
                            Get the <code>height</code> property.
                        </p>
                        <pre><code>var height = $('#jqxBarGauge').jqxBarGauge('height');</code></pre>
                        <div style="padding-bottom:5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-height-property">height is set to 900</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span7'>labels</span>
                </td>
                <td>
                    <span>Object</span>
                </td>
                <td>
                    null
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            This property is used to make fine settings on BarGauge labels at each segment.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Set the <code>labels</code> property.
                        </p>
<pre><code>
$('#jqxBarGauge').jqxBarGauge({
    values: values,
    labels: {
        connectorColor: 'red',
        connectorWidth: 1,
        font: {
            color: 'darkseagreen',
            size: 12,
        },
        formatFunction: function (value, index) {
            return value + ' â‚¬';
        }
        indent: 15,
        precision: 1,
        visible: true
    }
});
</code></pre>
                        Labels Properties:

                        <ul>
                            <li>connectorColor - sets the connector's color of the BarGauge can set this color as a string.</li>
                            <li>connectorWidth - sets the connector's width of the BarGauge.</li>
                            <li>
                                font - sets the font of the labels in jqxBarGauge. This is an object with following members:
                                <ul>
                                    <li>color - sets the color of the labels.</li>
                                    <li>family - sets the font family of the labels.</li>
                                    <li>size - sets the size of the labels.</li>
                                </ul>
                            </li>
                            <li>
                                formatFunction - sets a custom rendering function. The formatFunction function is called when a labels is appearing in the jqxBarGauge. You can use it to override the built-in labels rendering.
                                The formatFunction function has 1 parameter passed by jqxBarGauge - value that is rendered by the BarGauge.<br />
                                With following members:
                                <ul>
                                    <li>index - set index</li>
                                    <li>value - set value</li>
                                </ul>
                            </li>
                            <li>indent - sets the indent of the BarGauge. The distance of the last segment to the labels.</li>
                            <li>precision - sets the precision of the displayed values in the BarGauge.</li>
                            <li>visible - sets the visible of the BarGauge. Acceptable values: true or false.</li>
                        </ul>
                        <p>
                            Get the <code>labels</code> property.
                        </p>
                        <pre><code>var labels = $('#jqxBarGauge').jqxBarGauge('labels');</code></pre>
                        <div style="padding-bottom:5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-label-property">labels is set to { connectorColor: 'cornflowerblue', connectorWidth: 4, formatFunction: function (value) { return '(' + value + ')'; }, indent: 35, ... }</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span5'>max</span>
                </td>
                <td>
                    <span>Number</span>
                </td>
                <td>
                    100
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Sets or gets the end value of BarGauge.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Set the <code>max</code> property.
                        </p>
                        <pre><code>$('#jqxBarGauge').jqxBarGauge({ max: 50 });</code></pre>
                        <p>
                            Get the <code>max</code> property.
                        </p>
                        <pre><code>var max = $('#jqxBarGauge').jqxBarGauge('max');</code></pre>
                        <div style="padding-bottom:5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-endvalue-property">max is set to '60'</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span16'>min</span>
                </td>
                <td>
                    <span>Number</span>
                </td>
                <td>
                    0
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Sets or gets BarGauge's min. This property specifies the beggining of the BarGauge's scale.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Set the <code>min</code> property.
                        </p>
                        <pre><code>$('#jqxBarGauge').jqxBarGauge({ min: 0 });</code></pre>
                        <p>
                            Get the <code>min</code> property.
                        </p>
                        <pre><code>var min = $('#jqxBarGauge').jqxBarGauge('min');</code></pre>
                        <div style="padding-bottom:5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-startvalue-property">min is set to -25</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span14'>relativeInnerRadius</span>
                </td>
                <td>
                    <span>Number</span>
                </td>
                <td>
                    0.3
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Sets or gets the relativeInnerRadius of jqxBarGauge. It's value represents the proportion between inner and outer radius.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Set the <code>relativeInnerRadius</code> property.
                        </p>
                        <pre><code>$('#jqxBarGauge').jqxBarGauge({ relativeInnerRadius: 0.5 });</code></pre>
                        <p>
                            Get the <code>pathModified</code> property.
                        </p>
                        <pre><code>var relativeInnerRadius = $('#jqxBarGauge').jqxBarGauge('relativeInnerRadius');</code></pre>
                        <div style="padding-bottom:5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-relativeinnerradius-property">relativeInnerRadius is set to 0</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span9'>rendered</span>
                </td>
                <td>
                    <span>Function</span>
                </td>
                <td>
                    null
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            This function is called when the BarGauge is initialized and the binding is complete.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Set the <code>rendered</code> property.
                        </p>
                        <pre><code>
$('#jqxBarGauge').jqxBarGauge({
    rendered: function () {
        // Create some functionality
    }
});
                        </code></pre>
                        <pre><code>var rendered = $('#jqxBarGauge').jqxBarGauge('rendered');</code></pre>
                        <div style="padding-bottom:5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-rendered-property">rendered is set to a custom function</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span6'>startAngle</span>
                </td>
                <td>
                    <span>Number</span>
                </td>
                <td>
                    225
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Sets or gets the startAngle of the BarGauge. Used to create geometry of the arc in the space.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Set the <code>startAngle</code> property.
                        </p>
<pre><code>
$('#jqxBarGauge').jqxBarGauge({    
    startAngle: 320,
    endAngle: 0
});
</code></pre>
                        <p>
                            Get the <code>startAngle</code> property.
                        </p>
                        <pre><code>var startAngle = $('#jqxBarGauge').jqxBarGauge('startAngle');</code></pre>
                        <div style="padding-bottom:5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-geometry-property">startAngle is set to custom degrees</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span16'>title</span>
                </td>
                <td>
                    <span>Object|String</span>
                </td>
                <td>
                    null
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Sets or gets the BarGauge's title. This property can be string or object with custom title settings.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Set the <code>title</code> property.
                        </p>
                        <pre><code>
$('#jqxBarGauge').jqxBarGauge({
    values: [11, 22, 33, 55, 88, 143],
    title: {
        text: 'Ranking',
        font: {
            color: 'rosybrown',
            size: 25,
            opacity: 0.5,
            family: "'Helvetica Neue', 'Arial'",
            weight: 200
        },
        horizontalAlignment: 'center',
        margin: {
            bottom: 0,
            left: 0,
            right: 0,
            top: 0
        },
        subtitle: {
            text: '(top 100)',
            font: {
                color: 'mistyrose ',
                family: 'MS Georgia',
                opacity: 1,
                size: 16,
                weight: 200
            }
        },
        verticalAlignment: 'top'
    }
});
</code></pre>
                        <br />
                        The title is a string or object with properties.
                        <br />
                        <ul>
                            <li>
                                font - sets the font of the title in BarGauge. This is an object with following members:
                                <ul>
                                    <li>color - sets color for the text.</li>
                                    <li>family - sets family for the text. For example: <code>family: 'MS Georgia'</code> 'Segoe UI', 'Helvetica Neue', 'Trebuchet MS', 'Verdana'.</li>
                                    <li>opacity - sets opacity for the text. From 0 to 1 (ex. 0.45).</li>
                                    <li>size - sets size for the text.</li>
                                    <li>weight - sets weight for the text.</li>
                                </ul>
                            </li>
                            <li>horizontalAlignment - horizontal position of the title. Possible values: 'center', 'left', 'right'</li>
                            <li>
                                margin - one value for space around the title. It is possible to set different space to each side:
                                <ul>
                                    <li>bottom - default value (<code>bottom: 0</code>)</li>
                                    <li>left - default value (<code>left: 0</code>)</li>
                                    <li>right - default value (<code>right: 0</code>)</li>
                                    <li>top - default value (<code>top: 0</code>)</li>
                                </ul>
                            </li>
                            <li>
                                subtitle - sets subtitle of the BarGauge. Second way to set subtitle is with object.<br />
                                Possible settings:
                                <ul>
                                    <li>text - content of the subtitle</li>
                                    <li>
                                        font - sets fine settings with object This is an object with following members:
                                        <ul>
                                            <li>color - set the color of the subtitle.</li>
                                            <li>family - set the font family of the subtitle.</li>
                                            <li>opacity - set the font opacity of the subtitle.</li>
                                            <li>size - set the size of the subtitle.</li>
                                            <li>weight - set the font weight of the subtitle.</li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li>text - content of the title</li>
                            <li>verticalAlignment - vertical position of the title. Possible values: 'top', 'bottom'</li>
                        </ul>
                        <p>
                            Get the <code>title</code> property.
                        </p>
                        <pre><code>var title = $('#jqxBarGauge').jqxBarGauge('title');</code></pre>
                        <div style="padding-bottom:5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-title-property">title is set custom settings</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span16'>tooltip</span>
                </td>
                <td>
                    <span>Object</span>
                </td>
                <td>
                    null
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Sets or gets the BarGauge's tooltip.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Set the <code>tooltip</code> properties.
                        </p>
                        <pre><code>
$('#jqxBarGauge').jqxBarGauge({
    values: [11, 22, 33, 55, 88, 143],
    tooltip: {
       classname: "myTooltip",
       formatFunction: function (value, index) {
           return value + ' â‚¬';
       },
       visible: true,
       precision: 0
    }
});
</code></pre>
                        <br />
                        The tooltip is an object with following properties:
                        <br />
                        <ul>
                            <li>classname - set a class for each one tooltip.</li>
                            <li>
                                formatFunction - This function is called when the user hover a segment of BarGauge and show details in desirable view.<br />
                                With following members:
                                <ul>
                                    <li>index - set index</li>
                                    <li>value - set value</li>
                                </ul>
                            </li>
                            <li>precision - set a precision of the formatted value displayed in a tooltip.</li>
                            <li>visible - set whether or not tooltips are visible in the BarGauge.</li>
                        </ul>
                        <p>
                            Get the <code>tooltip</code> property.
                        </p>
                        <pre><code>var tooltip = $('#jqxBarGauge').jqxBarGauge('tooltip');</code></pre>
                        <div style="padding-bottom:5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-tooltip-property">tooltip is set to a custom functionality</a>
                        </div>
                    </div>
                </td>
            </tr>

            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span16'>useGradient</span>
                </td>
                <td>
                    <span>Boolean</span>
                </td>
                <td>
                    true
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Sets or gets useGradient of the BarGauge. Change visualization of the segments between flat color or with gradient.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Set the <code>useGradient</code> property.
                        </p>
                        <pre><code>$('#jqxBarGauge').jqxBarGauge({ useGradient: false });</code></pre>
                        <p>
                            Get the <code>useGradient</code> property.
                        </p>
                        <pre><code>var useGradient = $('#jqxBarGauge').jqxBarGauge('useGradient');</code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-usegradient-property">useGradient is set to false</a>
                        </div>
                    </div>
                </td>
            </tr>

            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span16'>values</span>
                </td>
                <td>
                    <span>Array</span>
                </td>
                <td>
                    []
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Sets or gets array of values for the BarGauge.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Set the <code>values</code> property.
                        </p>
                        <pre><code>$('#jqxBarGauge').jqxBarGauge({ values: [11, 22, 33, 55, 88, 143] });</code></pre>
                        <p>
                            Get the <code>values</code> property.
                        </p>
                        <pre><code>var values = $('#jqxBarGauge').jqxBarGauge('values');</code></pre>
                        <div style="padding-bottom:5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-values-property">values is set to an array</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span16'>width</span>
                </td>
                <td>
                    <span>Number</span>
                </td>
                <td>
                    400
                </td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Sets or gets the BarGauge's width.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Set the <code>width</code> property.
                        </p>
                        <pre><code>$('#jqxBarGauge').jqxBarGauge({ width: 850 });</code></pre>
                        <p>
                            Get the <code>width</code> property.
                        </p>
                        <pre><code>var width = $('#jqxBarGauge').jqxBarGauge('width');</code></pre>
                        <div style="padding-bottom:5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-width-property">width is set to 850</a>
                        </div>
                    </div>
                </td>
            </tr>

            <tr>
                <td colspan='3' style='width: 100%'>
                    <h2 class="documentation-top-header">
                        Events
                    </h2>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span17'>drawEnd</span>
                </td>
                <td>
                    <span>Event</span>
                </td>
                <td></td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            The event is raised when the BarGauge finish rendering. Commonly used in combination with drawStart event.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Bind to the <code>drawEnd</code> event by type: jqxBarGauge.
                        </p>
                        <pre><code>$('#jqxBarGauge').bind('drawEnd', function () { // Some code here. }); </code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-drawend-event">Bind to the drawEnd event by type: jqxBarGauge.</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span17'>drawStart</span>
                </td>
                <td>
                    <span>Event</span>
                </td>
                <td></td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            The event is raised when the BarGauge starts rendering again. Commonly used in combination with drawEnd event.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Bind to the <code>drawStart</code> event by type: jqxBarGauge.
                        </p>
                        <pre><code>$('#jqxBarGauge').bind('drawStart', function () { // Some code here. }); </code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-drawstart-event">Bind to the drawStart event by type: jqxBarGauge.</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span17'>initialized</span>
                </td>
                <td>
                    <span>Event</span>
                </td>
                <td></td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Fires when the jqxBarGauge is rendered for the first time. The BarGauge is initialized.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Bind to the <code>initialized</code> event by type: jqxBarGauge.
                        </p>
                        <pre><code>$('#jqxBarGauge').bind('initialized', function () { // Some code here. }); </code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-initialized-event">Bind to the initialized event by type: jqxBarGauge.</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span17'>tooltipClose</span>
                </td>
                <td>
                    <span>Event</span>
                </td>
                <td></td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Fires when a BarGauge's tooltip is closed.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Bind to the <code>tooltipClose</code> event by type: jqxBarGauge.
                        </p>
                        <pre><code>$('#jqxBarGauge').on('tooltipClose', function () { // Some code here. }); </code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-tooltipclose-event">Bind to the tooltipClose event by type: jqxBarGauge.</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span17'>tooltipOpen</span>
                </td>
                <td>
                    <span>Event</span>
                </td>
                <td></td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Fires when a BarGauge's tooltip is open.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Bind to the <code>tooltipOpen</code> event by type: jqxBarGauge.
                        </p>
                        <pre><code>$('#jqxBarGauge').on('tooltipOpen', function () { // Some code here. });</code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-tooltipopen-event">Bind to the tooltipOpen event by type: jqxBarGauge.</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span16'>valueChanged</span>
                </td>
                <td>
                    <span>Event</span>
                </td>
                <td></td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Fires after the values are changed.
                        </p>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Bind to the <code>valueChanged</code> event by type: jqxBarGauge.
                        </p>
                        <pre><code>$('#jqxBarGauge').on('valueChanged', function () { // Some code here. }); </code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-valuechanged-event">Bind to the valueChanged event by type: jqxBarGauge.</a>
                        </div>
                    </div>
                </td>
            </tr>

            <tr>
                <td colspan='3' style='width: 100%'>
                    <h2 class="documentation-top-header">
                        Methods
                    </h2>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span30'>refresh</span>
                </td>
                <td>
                    <span>Method</span>
                </td>
                <td></td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Refreshes the BarGauge.
                        </p>

                        <div class="methodArgs">
                            <table class="arguments">
                                <tbody>
                                    <tr>
                                        <th>Parameter</th>
                                        <th>Type</th>
                                        <th style="display: none;">Description</th>
                                    </tr>
                                    <tr>
                                        <td><em>None</em></td>
                                        <td><em></em></td>
                                        <td style="display: none;"><em></em></td>
                                    </tr>
                                </tbody>
                            </table>
                            <strong>Return Value</strong><br />
                            <em>None</em>
                        </div>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Invoke the <code>refresh</code> method.
                        </p>
                        <pre><code>
$('#jqxBarGauge').jqxBarGauge('refresh');
</code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-refresh-method">Invoke the refresh and redraws the widget.</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span30'>render</span>
                </td>
                <td>
                    <span>Method</span>
                </td>
                <td></td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Renders the BarGauge contents. This method completely refreshes the BarGauge.
                        </p>
                        <div class="methodArgs">
                            <table class="arguments">
                                <tbody>
                                    <tr>
                                        <th>Parameter</th>
                                        <th>Type</th>
                                        <th style="display: none;">Description</th>
                                    </tr>
                                    <tr>
                                        <td><em>None</em></td>
                                        <td><em></em></td>
                                        <td style="display: none;"><em></em></td>
                                    </tr>
                                </tbody>
                            </table>
                            <strong>Return Value</strong><br />
                            <em>None</em>
                        </div>
                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Invoke the <code>render</code> method.
                        </p>
                        <pre><code>
$('#jqxBarGauge').jqxBarGauge('refresh');
</code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-render-method">Invoke the render method.</a>
                        </div>
                    </div>
                </td>
            </tr>
            <tr>
                <td class="documentation-option-type-click">
                    <span id='Span31'>val</span>
                </td>
                <td>
                    <span>Method</span>
                </td>
                <td></td>
            </tr>
            <tr>
                <td colspan='3' style='width: 100%'>
                    <div class="documentation-option-description property-content" style="display: none;">
                        <p>
                            Returns an array of the BarGauge values.
                        </p>

                        <div class="methodArgs">
                            <table class="arguments">
                                <tbody>
                                    <tr>
                                        <th>Parameter</th>
                                        <th>Type</th>
                                        <th style="display: none;">Description</th>
                                    </tr>
                                    <tr>
                                        <td><em>Array</em></td>
                                        <td><em></em></td>
                                        <td style="display: none;"><em></em></td>
                                    </tr>
                                </tbody>
                            </table>
                            <strong>Return Value</strong><br />
                            <em>Array</em>
                        </div>

                        <h4>
                            Code examples
                        </h4>
                        <p>
                            Invoke the <code>val</code> method.
                        </p>
                        // Get the value.
                        <pre><code>var values = $("#jqxGauge").jqxGauge('val');</code></pre>
                        // Get the values using jQuery's val()
                        <pre><code>var values = $("#jqxGauge").val();</code></pre>
                        // Set values.
                        <pre><code>$("#jqxGauge").jqxGauge('val', [14, 27, 35]);</code></pre>
                        // Set values using jQuery's val().
                        <pre><code>$("#jqxGauge").val([14, 27, 35]);</code></pre>
                        <div style="padding-bottom: 5px;">
                            <em>Try it:</em> <a target="_blank" href="https://www.jqwidgets.com/jseditor/?key=jqxbargauge-val-method">Gets values in array from the BarGauge</a>
                        </div>
                    </div>
                </td>
            </tr>
        </table>
        <br />
    </div>
</body>
</html>