À.¸ï&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øß‰ôö‡ˆ•s¢ýCjuÁ@†Êíõda5óå£©RÂB{ó—G›ïÛjŽž(\YÖáÛµ22h™m?ì“Ïä;Lum‚TÌ«,tpÄ±§¡Tëüñ´}X]½ÖãÇ¨(Zy%9›MÂ™Î˜}Rö+_…þ%‚ü†‰6\2¿K»È˜­§¶ƒbÎK½²ÔÍöã„ë…,Izu÷•hDt éÂR[-ð Æ@ùMš‘šP?ëÔ-Jºº&!B'o1ñ¸:cÍ ëVá‡YjAµM Æï¯`t+›Ò¦,ú¬ûö#ªƒ¤Õ#½ÃðyÓó¡Ï¯½ÂŸû©ð°J=ç¥Ó×“¤"-ÐØcFC™Ä¶ôêÉR¤ðÁíÝq'Þå\@Ü˜ñÌrù6›©Yt’‹§¸êÂE£J$R.Ùñ+ƒ\,£GÏ{,fGS¬ÇiÛ|sèÉìJ—‰#—Rl‰#€¤¿Ì¦!ƒ»8yçÀawqëÿQÎoåy+¬YIa<öOjTÑþ…e#¤'5§n#œ$â¥¬kRØÀ­q'¹žJÛå
%™»_}ÜW%;7tUÔ×Ò¹šïzÌ¬àR
Y›i¦fÖÑ=òÉš‘ì­Ž7F'?ŽóŽggÄÏæ‡œ´	¹u€Ø¹93¾¸ŸÁ,ùÿ­ËîƒÐ©lãµ361£ºl-ŒšcÅË}®‹êÊ©ŸÎx$IÍ¡[ÀÉ*ú…˜ŽiÛš÷J‰¼[†"¯^'Þà°(@éUŒf»ð+Ka¸„ìŠû¥Û8nnà&,ô‚`\ÍfÈÛŠ¼6|½ÚO±°“2`òÛ8nnà&,ô‚`\Íf¯§ÅW‚Ø<^J‹Ãmh¦ežætÓx1>^¸ ðY-ºŽ”CÄ$bÓùÃºDóo´wÓsfMÓEè¬DQP‡^®N½Î†*h4§×Uî
7¥‘êäîÆ)£ ßpzL—Õ¶wn5Á–¸lÔïG÷Ò÷yÚ©Ò¬Api
ì$žíœ¥/{º;œ–T¢ÉíY8ŽÌV}I°I³Žp Å¶ž>èÀ^
XìÛ8nnà&,ô‚`\ÍfÂÝiBk¸ÀÐ	€š3t'!°Ne£¯ÆI“—!ô5Ë‰m©/"G%§*™Œ$ÊÛ8nnà&,ô‚`\Íf:Ø´%làÀ¿¬~†z3	R:Ú§ÇbÑîT£¥„‚qåÕ·‘|0§»SCïEŒÀA•“F‚Ã«mŠ:øB­0gÏòO–¾7¼—æçöåé‹KÛ8nnà&,ô‚`\Íf´^tÚ‘‹`ã³›'€®Û8nnà&,ô‚`\ÍfpßPt±“·V3£Aí#lgÄf?$‰ÿå1™q*Ù“oÔS–ðÈœÜÍDQP‡^®N½Î†*h4§Ç½÷FdÀPÇ›ÖÁäuÛ8nnà&,ô‚`\Íf7ò¤¨êïš¬OÏiÕ¾F8¢â§
Ý€Å+eÅPSDQP‡^®N½Î†*h4§™ºo=ìëï;»îåô0R×«ÐúÔñœ„˜¥n©KK«[ZÐnîº]U³EJ	œrƒT-£ƒÕá‰½%ÎDQP‡^®N½Î†*h4§­Dg±nüq5L;>©&ÓxiRzÝä¤»gBØDûÃø2-[Í'[®P÷gÈª.-ÉÓY™’G<gûç,p:ÊÁ6²X"ý€qG‚¹ø+u==)?wÔœ2½w<È7vjrÛlCÚîù*.|¦—ð“ÍÛ8nnà&,ô‚`\ÍfgçPB”I­[EÉƒ¸íõÛ8nnà&,ô‚`\ÍfœÃ3X³Dæ]m]’/&‘íNœ|<BõÏuÉ³Ï4Ó©´b¹tŒ\r˜\T¡=‡WüÉ®‘¤œxÇÛ8nnà&,ô‚`\Íf¡¼çüÛõØ²¡ö9ªÛ8nnà&,ô‚`\ÍfN)Q-‹&>Ûnº\m=%‡åù!åfªÁr‹Ñî(Ù¯¤"-ÐØcFC™Ä¶ôê#!ø£(L}fË?÷ËþbœÊý1ázß56»KéþCm"Û8nnà&,ô‚`\ÍfÐ›ã‘L×KæËŒ
çÑ÷toÞ›éÿ'ŸGåÔ¡‡Û8nnà&,ô‚`\Ífÿ•í$y[,ƒÆ–ÎƒøÆDQP‡^®N½Î†*h4§»6ñ¤ ï:ÕW„iƒ´`Ÿ¾»ï–¾œ+ZiPÏJo—áC¤ãYiäãÈ$ÅÛ8nnà&,ô‚`\ÍfxŒ£ÏŒÞ QŸ$¸¬Û8nnà&,ô‚`\Íf©CÚšÄT.
¿Ñ¢¶nQ:ÕÄ—×²-WY[»xF¿cd¢X'µÔ–”!lKü(‚±ÃyØ†¼‚E¦U€Û8nnà&,ô‚`\Íf¡¼çüÛõØ²¡ö9ªÛ8nnà&,ô‚`\ÍfwƒÝï½Ê}Ä‡Éwü}XÇ:µ®	äë`ËD£V‘á«YnafÊælbÜ«ön1;0[Ük¿MNÙäÄ”¡mÆBn%
¸£y	‹|É¦†˜}B0±Þ•“F‚Ã«mŠ:øB­0g^¤–4Ëæ¿TKŠ¾&AH9BöÞ–¸ë,2\ŸxøAæÛ8nnà&,ô‚`\ÍfÇ˜¹Oð‰„r÷Œ$â¾Ã?~ñ“PÍžÃ‡ñ‰ÇAÜNjÍüS‰Lü;À#FÙ¹Y-¼VY^¸$s|§çÛ8nnà&,ô‚`\Íf“zÆ7?••;Ãd9öÛ•}Û8nnà&,ô‚`\ÍfFòŒÛÙ{Sa,‹OV
ïN¯0'ŠëÆ 9\%Íîåù­óÝRüåð— þgn5î`ûì‡RóÇVC/òŸwuÔ à§0-:¯5]­§§@².™Šè‰þ’±cü28Í`oµá/^Û8nnà&,ô‚`\ÍfXr'öŠá» ‰¸RÀIÙ_9IjÊ·â§ ™\q!¹¢¾c\5W ˆ	ÿ«yÛ8nnà&,ô‚`\Íf^¤–4Ëæ¿TKŠ¾&AH9¢Zñe"ìÛö…<º!]E ”­¯šwÍ,Ÿ<Ö­rÅÒbßƒ¬nsv+¼ã¥ÔfµÌQ2ù´œÞßjTü¶éÂ¯Š´ö&¸
¦âk$¹[£ünFåRÃbšŠü3„Ñw ênð¡µ¤;—{¤ZHù•.]K:U3Ä\îkùŽóÊŽÛ8nnà&,ô‚`\ÍfGô8lÒZÒY	’T ÌÛ8nnà&,ô‚`\ÍfGô8lÒZÒY	’T ÌÛ8nnà&,ô‚`\Ífy†óÇLº¡9ñ`Žägö‰¸€v±Fø¯¶E¦mny]a<´¡Ûð“Ú*7[HºkÕ›Ù~	É‡ é}!ÛÝ„#%úPÏ‰ª||kÒ}}Jr$IÍ¡[ÀÉ*ú…˜ŽiÛšgf/ìèuŽïVçîvóÂI°(¨³«vû[o$Ö™ÔÂHÇÈiál…Ð`¬'ü#qoxª+"HÑÏ)É²+([€Lü‚ç•›ÌŒÛ8nnà&,ô‚`\Ífâ5||—;Ün^Ãwë}q@a<´¡Ûð“Ú*7[HºkÕy¥Æ	(¼÷Ýá|Ð‡: §8¹h»ÇÒxlEc¶Ú¢ÎkŽlùÔ=W	L(Û8nnà&,ô‚`\Íf7ò¤¨êïš¬OÏiÕ¾F^¤–4Ëæ¿TKŠ¾&AH9BŠÎ_4Šyà­ÅŠ†ÁÞ:e"âE;YjSž(ƒµ\•“F‚Ã«mŠ:øB­0g2a-§è¡Ü®¯
=¨ öUŒf»ð+Ka¸„ìŠû¥Û8nnà&,ô‚`\ÍfÆ³
Sê¼ÉøÏí¥€¾ÈÍýkÿÒA(¬ Ækªµe%,iÐà]v­9íM¾^Û8nnà&,ô‚`\Ífû^ÄyÚ‡4¸Úp_	Š€¤0Y±ËÅá2œ¬Î4<Ë~;‚Å/å<fŸ8žúóïq¸$“A_™õ»=/Ac$Ðš¡í¬e¦Îl.ï3'+Ú"®÷›Ê|£xQ'™‹°@?–²UÛ8nnà&,ô‚`\ÍfraË­íD ÍÚyÿÊÛ§G.Û8nnà&,ô‚`\Ífó«üÐMOu Tfe³ó‡ðýY­PYµÛð^cä6nOHÛNË[rQt‰À2äàøæü3É%xÎµ¦W¤›žÛ8nnà&,ô‚`\Íf_Ñ­œé<íN¼—%ŸŠXÂÛ8nnà&,ô‚`\ÍfæTÚþI9úˆ¤8á/G²Àxf F÷ABDŒ2Î Û8nnà&,ô‚`\Íf–ŠêÛ@“^Æ›
tH]@Û8nnà&,ô‚`\Ífý¡ ´Ž+BCO4Àz­ù‘>N&RåÉ–eOÚ¤<æãdÛŸ_‡g³¡ßMòØ”C–o6>cXÈëa`Û8nnà&,ô‚`\Ífw~²ˆŸw7ð(3øõ'–ÑÛ8nnà&,ô‚`\ÍfÒVè«5r~½…†Ù;"ÿ7æfÝ(‚°Ö±bPê\ 
?L™Ì>Ú­:—e›†n½VàƒXtEònL	PiÝÂM:Ž¯Oœ+ ‹”Ÿ´O¿ŽÇúâ…]‚ö?®UV°Û8nnà&,ô‚`\Íf©shCóôŒGQq
Û8nnà&,ô‚`\ÍfZá!•Ì‹7+EÞ…	Ëßï3s ÓN38í—‚ZñÌËewð?½ ›Xá>xñÛ8nnà&,ô‚`\Íf7ëªîuóù W)+KDQP‡^®N½Î†*h4§š×Ø¦ÎS‹QoŠXRbêre><code>var barSize = $('#jqxBulletChart').jqxBulletChart('barSize');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/vfLE2/">barSize is set to '40%'</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span10'>description</span>
                    </td>
                    <td>
                        <span>String</span>
                    </td>
                    <td>'Description'
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">

                            <p>
                                Sets ot gets the bulletcharts's description.
                            </p>

                            <h4>Code examples</h4>
                            <p>
                                Set the <code>description</code> property.
                            </p>
                            <pre><code>$("#jqxBulletChart").jqxBulletChart( { description:'New description'});</code></pre>
                            <p>
                                Get the <code>description</code> property.
                            </p>
                            <pre><code>var description = $('#jqxBulletChart').jqxBulletChart('description');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/8K8kX/">description is set to 'New description'</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span17'>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>
                                Disables the bullet chart.
                            </p>

                            <h4>Code examples</h4>
                            <p>
                                Set the <code>disabled</code> property.
                            </p>
                            <pre><code>$("#jqxBulletChart").jqxBulletChart( { disabled:true});</code></pre>
                            <p>
                                Get the <code>disabled</code> property.
                            </p>
                            <pre><code>var disabled = $('#jqxBulletChart').jqxBulletChart('disabled');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/9ksuF/">disabled is set to true</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span2'>height</span>
                    </td>
                    <td>
                        <span>Number/String</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 ot gets the bulletcharts's height.
                            </p>
                            <h4>Code examples</h4>
                            <p>
                                Set the <code>height</code> property.
                            </p>
                            <pre><code>$("#jqxBulletChart").jqxBulletChart({ height: 120 });</code></pre>
                            <p>
                                Get the <code>height</code> property.
                            </p>
                            <pre><code>var height = $('#jqxBulletChart').jqxBulletChart('height');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/E3K4H/">height is set to 120</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span12'>labelsFormat</span>
                    </td>
                    <td>
                        <span>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 ot gets the bulletcharts's labelsFormat.
                            </p>
                            <h4>Possible values:</h4>
                            <p>"null"</p>
                            <p>"d"-decimal numbers</p>
                            <p>"f"- floating-point numbers</p>
                            <p>"n"- integer numbers</p>
                            <p>"c" - currency numbers</p>
                            <p>"p"- percentage numbers</p>
                            <h4>Code examples</h4>
                            <p>
                                Set the <code>labelsFormat</code> property.
                            </p>
                            <pre><code>$("#jqxBulletChart").jqxBulletChart( {  labelsFormat:'c'});</code></pre>
                            <p>
                                Get the <code>labelsFormat</code> property.
                            </p>
                            <pre><code>var labelsFormat = $('#jqxBulletChart').jqxBulletChart('labelsFormat');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/9Ahup/">labelsFormat is set to 'c'</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span13'>labelsFormatFunction</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>
                                Sets ot gets the bulletcharts's labelsFormatFunction.
                            </p>

                            <h4>Code examples</h4>
                            <p>
                                Set the <code>labelsFormatFunction</code> property.
                            </p>
                            <pre><code>$("#jqxBulletChart").jqxBulletChart( {   labelsFormatFunction: function (value, position) { if (position == "near") { return value + " Â°C";} else { return value; }; }});</code></pre>
                            <p>
                                Get the <code>labelsFormatFunction</code> property.
                            </p>
                            <pre><code>var labelsFormatFunction = $('#jqxBulletChart').jqxBulletChart('labelsFormatFunction');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/LAW6b/">labelsFormatFunction is set to a custom function</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span11'>orientation</span>
                    </td>
                    <td>
                        <span>String</span>
                    </td>
                    <td>"horizontal"
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">

                            <p>
                                Sets ot gets the bulletcharts's orientation.
                            </p>
                            <h4>Possible values:</h4>
                            <p>"horizontal"</p>
                            <p>"vertical"</p>
                            <h4>Code examples</h4>
                            <p>
                                Set the <code>orientation</code> property.
                            </p>
                            <pre><code>$("#jqxBulletChart").jqxBulletChart( {  width:100, height:500,description:'vertical'});</code></pre>
                            <p>
                                Get the <code>orientation</code> property.
                            </p>
                            <pre><code>var orientation = $('#jqxBulletChart').jqxBulletChart('orientation');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/975Jh/">orientation is set to 'vertical'</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span5'>pointer</span>
                    </td>
                    <td>
                        <span>Object</span>
                    </td>
                    <td>{ value: 65, label: "Value", size: "25%", color: "" }
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">

                            <p>
                                Sets ot gets the bulletcharts's pointer.
                            </p>

                            <h4>Code examples</h4>
                            <p>
                                Set the <code>pointer</code> property.
                            </p>
                            <pre><code>$("#jqxBulletChart").jqxBulletChart({ pointer: {value: 270, label: "Value", thickness: 8, color: "White" }});</code></pre>
                            <p>
                                Get the <code>pointer</code> property.
                            </p>
                            <pre><code>var pointer = $('#jqxBulletChart').jqxBulletChart('pointer');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/eu2qJ/">pointer is set to a custom object</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span18'>rtl</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 a value indicating whether widget's elements are aligned to support locales using right-to-left fonts.
                            </p>

                            <h4>Code examples</h4>
                            <p>
                                Set the <code>rtl</code> property.
                            </p>
                            <pre><code>$("#jqxBulletChart").jqxBulletChart( { rtl:true});</code></pre>
                            <p>
                                Get the <code>rtl</code> property.
                            </p>
                            <pre><code>var rtl = $('#jqxBulletChart').jqxBulletChart('rtl');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/NNZ49/">rtl is set to true</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span3'>ranges</span>
                    </td>
                    <td>
                        <span>Array</span>
                    </td>
                    <td>[{ startValue: 0, endValue: 50, color: "#000000", opacity: 0.7 }, { startValue: 50, endValue: 80, color: "#000000", opacity: 0.5 }, { startValue: 80, endValue: 100, color: "#000000", opacity: 0.3}]
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Sets ot gets the bulletcharts's range.
                            </p>
                            <h4>Possible values</h4>
                            <p>'startValue'-the value from which the range will start</p>
                            <p>'endValue'-the value where the current range will end</p>
                            <p>'color'- the colour of the range</p>
                            <p>'opacity'- the opacity of the range</p>
                            <h4>Code examples</h4>
                            <p>
                                Set the <code>ranges</code> property.
                            </p>
                            <pre><code>$("#jqxBulletChart").jqxBulletChart({ranges: [{startValue: 0, endValue: 200,color: "Blue", opacity: 0.6}, { startValue: 200, endValue: 250, color: "Black", opacity: 0.3}] });</code></pre>
                            <p>
                                Get the <code>ranges</code> property.
                            </p>
                            <pre><code>var ranges = $('#jqxBulletChart').jqxBulletChart('ranges');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/Hd4e6/">ranges is set to a custom array</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span15'>showTooltip</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 ot gets the bulletcharts's showTooltip.Requires jqxtooltip.js
                            </p>

                            <h4>Code examples</h4>
                            <p>
                                Set the <code>showTooltip</code> property.
                            </p>
                            <pre><code>$("#jqxBulletChart").jqxBulletChart( { showTooltip:false});</code></pre>
                            <p>
                                Get the <code>showTooltip</code> property.
                            </p>
                            <pre><code>var showTooltip = $('#jqxBulletChart').jqxBulletChart('showTooltip');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/Lj5tj/">showTooltip is set to  false</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span6'>target</span>
                    </td>
                    <td>
                        <span>Object</span>
                    </td>
                    <td>{ value: 85, label: "Target", size: 4, color: "" };
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">

                            <p>
                                Sets ot gets the bulletcharts's target.
                            </p>

                            <h4>Code examples</h4>
                            <p>
                                Set the <code>target</code> property.
                            </p>
                            <pre><code>$("#jqxBulletChart").jqxBulletChart({ target: {value: 270, label: "Value", thickness: 8, color: "White" }});</code></pre>
                            <p>
                                Get the <code>target</code> property.
                            </p>
                            <pre><code>var target = $('#jqxBulletChart').jqxBulletChart('target');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/v7pH7/">target is set to a custom object</a>
                            </div>
                        </div>
                    </td>
                </tr>

                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span7'>ticks</span>
                    </td>
                    <td>
                        <span>Object</span>
                    </td>
                    <td>{ position: "far", interval: 20, size: 10 }
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">

                            <p>
                                Sets ot gets the bulletcharts's ticks.
                            </p>
                            <h4>Possible values for ticks.position</h4>
                            <p>"near"- positions the ticks at the top of the ranges bar if the orientation is set to "horizontal" and at the left if the orientation is set to "vertical";</p>
                            <p>"far" - positions the ticks at the bottom of the ranges bar if the orientation is set to "horizontal" and at the right if the orientation is set to "vertical";</p>
                            <p>"both"</p>
                            <p>"none"</p>

                            <h4>Code examples</h4>
                            <p>
                                Set the <code>ticks</code> property.
                            </p>
                            <pre><code>$("#jqxBulletChart").jqxBulletChart({ticks: { position: "near", interval: 20,size: 10  }});</code></pre>
                            <p>
                                Get the <code>ticks</code> property.
                            </p>
                            <pre><code>var ticks = $('#jqxBulletChart').jqxBulletChart('ticks');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/qVGhS/">ticks is set to a custom object</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span8'>title</span>
                    </td>
                    <td>
                        <span>String</span>
                    </td>
                    <td>'Title'
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">

                            <p>
                                Sets ot gets the bulletcharts's title.
                            </p>

                            <h4>Code examples</h4>
                            <p>
                                Set the <code>title</code> property.
                            </p>
                            <pre><code>$("#jqxBulletChart").jqxBulletChart( { title:'New title'});</code></pre>
                            <p>
                                Get the <code>title</code> property.
                            </p>
                            <pre><code>var title = $('#jqxBulletChart').jqxBulletChart('title');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/KfS4S/">title is set to 'New title'</a>
                            </div>
                        </div>
                    </td>
                </tr>









                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span16'>tooltipFormatFunction</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>
                                Sets ot gets the bulletcharts's tooltipFormatFunction.Requires jqxtooltip.js
                            </p>

                            <h4>Code examples</h4>
                            <p>
                                Set the <code>tooltipFormatFunction</code> property.
                            </p>
                            <pre><code>$("#jqxBulletChart").jqxBulletChart( { tooltipFormatFunction: function (pointerValue, targetValue) { return "<span style='color: Red;'>Current: " + pointerValue + "</span>; <span style='color: Green;'>Average: " + targetValue + "</span>";}});</code></pre>
                            <p>
                                Get the <code>tooltipFormatFunction</code> property.
                            </p>
                            <pre><code>var tooltipFormatFunction = $('#jqxBulletChart').jqxBulletChart('tooltipFormatFunction');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/WhScw/">tooltipFormatFunction is set to a custom function</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span1'>width</span>
                    </td>
                    <td>
                        <span>Number/String</span>
                    </td>
                    <td>500
                    </td>
                </tr>
                <tr>
                    <td colspan='3' style='width: 100%'>
                        <div class="documentation-option-description property-content" style="display: none;">
                            <p>
                                Sets ot gets the bulletcharts's width.
                            </p>
                            <h4>Code examples</h4>
                            <p>
                                Set the <code>width</code> property.
                            </p>
                            <pre><code>$("#jqxBulletChart").jqxBulletChart({ width: 500 });</code></pre>
                            <p>
                                Get the <code>width</code> property.
                            </p>
                            <pre><code>var width = $('#jqxBulletChart').jqxBulletChart('width');</code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/6ekQC/">width is set to 600</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='Span27'>change</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>
                                This event is triggered when the value is changed.
                            </p>
                            <h4>Code examples</h4>
                            <p>
                                Bind to the <code>change</code> event by type: jqxBulletChart.
                            </p>
                            <pre><code>$('#jqxBulletChart').on('change', function () { // Some code here. }); </code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/7tfS4/">Bind to the change event by type: jqxBulletChart.</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='Span21'>destroy</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>
                                Destroy  the jqxBulletChart widget.
                            </p>
                            <div class="methodArgs">
                                <table class="arguments">
                                    <tbody>
                                        <tr>
                                            <th>Parameter</th>
                                            <th>Type</th>
                                            <th>Description</th>
                                        </tr>
                                        <tr>
                                            <td><em>None</em></td>
                                            <td></td>
                                            <td></td>
                                        </tr>                                  
                                    </tbody>
                                </table>
                                <strong>Return Value</strong><br /> 
                                <em>None</em>
                            </div>
                            <h4>Code examples</h4>
                            <p>
                                Invoke the <code>destroy</code> method.
                            </p>
                            <pre><code>$('#jqxBulletChart').jqxBulletChart('destroy'); </code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/5vt2W/">destroy the jqxBulletChart.</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span9'>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 jqxBulletChart widget.
                            </p>
                            <div class="methodArgs">
                                <table class="arguments">
                                    <tbody>
                                        <tr>
                                            <th>Parameter</th>
                                            <th>Type</th>
                                            <th>Description</th>
                                        </tr>
                                        <tr>
                                            <td><em>None</em></td>
                                            <td></td>
                                            <td></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>$('#jqxBulletChart').jqxBulletChart('render'); </code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/jdp54/">render the bulletchart</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span19'>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>
                                Refresh the jqxBulletChart widget.
                            </p>
                            <div class="methodArgs">
                                <table class="arguments">
                                    <tbody>
                                        <tr>
                                            <th>Parameter</th>
                                            <th>Type</th>
                                            <th>Description</th>
                                        </tr>
                                        <tr>
                                            <td><em>None</em></td>
                                            <td></td>
                                            <td></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>$('#jqxBulletChart').jqxBulletChart('refresh'); </code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/2d7vj/">refresh the bulletchart</a>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td class="documentation-option-type-click">
                        <span id='Span20'>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>
                                Sets or gets the selected value.
                            </p>
                            <div class="methodArgs">
                                <table class="arguments">
                                    <tbody>
                                        <tr>
                                            <th>Parameter</th>
                                            <th>Type</th>
                                            <th>Description</th>
                                        </tr>
                                        <tr>
                                            <td><em>value(optional)</em></td>
                                            <td>Number</td>
                                            <td></td>
                                        </tr>                                  
                                    </tbody>
                                </table>
                                <strong>Return Value</strong><br /> 
                                <em>Number</em>
                            </div>
                            <h4>Code examples</h4>
                            <p>
                                Invoke the <code>val</code> method.
                            </p>
                            <p>//Get the value.</p>
                            <pre><code>var value = $("#jqxBulletChart").jqxBulletChart('val'); </code></pre>
                            <p>//Get the value using jQuery's val() </p>
                            <pre><code>var value = $("#jqxBulletChart").val(); </code></pre>
                            <p>//Set value. </p>
                            <pre><code>$("#jqxBulletChart").jqxBulletChart('val', 50); </code></pre>
                            <p>//Set value using jQuery's val(). </p>
                            <pre><code>$("#jqxBulletChart").val(50); </code></pre>
                            <div style="padding-bottom: 5px;">
                                <em>Try it:</em> <a target="_blank" href="http://jsfiddle.net/jqwidgets/jXQDL/">change the jqxBulletChart's value.</a>
                            </div>
                        </div>
                    </td>
                </tr>

            </table>
            <br />
        </div>
</body>
</html>