.&1|?" {}:+d(G$ځIN ܬ @=C/K8DIJϰ2G&"",fn5vL[ %@L)QELAI7e½OA4*7R%u r~u l@v\*:WK&hP+ ;[Z."#ߣ{@iX-4$KtZL$/O:^V\etLI`2gMy/m)r& )SZ{69g9$ !?'LR"#ߣ{@iX-4$KtZL$/O:^V\etL< jpo7Y;zfd ng }w=AŔ%8B;\F@-mJR8v.VC{)$nz>Y#_̇)!ܰC1oqpoi֚K,ZXe)4)M.)f[7 D@\+ʳDAϑQl_`w%@Ll9W:#.K6&gBoǿ?etve1mnZxRE`Ҵpz&+ 13 V̂PI3M~ TQ͙|ѓw-$B j&9)ֈK1UCzVW"ܳC$F\dA9LfiB)=S]+93-@M(uHmnҽ:fU^JdW;!81dʟ zgBoǿ?etve1mnZxRE`ҴpzWc 'msjA3H^/ߗ&\bEH$$1=3 *yckheMW5&wqbDdOPuw?fe^VTKOBYLqQI^ZNAsqɾ:3u`{:Wl n+{HH*).F"D\&M|X?ِ$3L?#bck+˕ušoUME V*@kf:>}Lc(OIz,=KB,+?gs;(Yw2m *])6"Jֻ 5AyYA=FӿuUD^2R>BV`ΧoLfiB)=S]+93-@M(uHmn6w]1:)Xv-@ݽ JP6CDd*vT@hE _K#ضe%5^ĴM[:;,{*Op318cgbO%I&;2;e9ٖ~y6\2KȘ  jJH87]'.x|+*o*J*O%̆Q\H?LfiB)=S]+93-˴xRVI;)'k#w䛈A?U/:]zke5>s8{~Vq{ۀqUЎGuu8!:ֳYa}=Co 3ʦqg_bF2NH8nn&,`\fsWV&f'_|uu,Ѝ+E9+#?1_ ED}lIj C;oa Z&>=Hb5Kj56* fp3~) rQs\Db/Ke3wQ{6gt"-cFCĶM꤆$j8nn&,`\f{* !u ;=aٍ؄`Hv?NN O낍zVϛ]_GA nͻD5^Um5d*AS40ehՏB*4P[ T:>æKO ="#"}-8nn&,`\f\>}&_nѰy.yQ!{#q P o ϔ(J"dzd"GBZ|]6#p87C65^mGIu(Y@d2G=I#kϔdԤ}E>U/S_~0ڇF/suH*-Y-ՂӠ_˔7<;?[ E/ T,xX 8| >Guj̆[]=B (^)RJhH3ovtBAnlb¯oi6.KF7T} l8;+VGpJϛ]_GA nͻkbީt_JeHvEXL,L'xb0U#6Q!sv(طd?ģ?z]_]2O~Ӎz(yÑ:rlC*.|K5g5(y"P[-Mܵ* } |WP︵..Z]̤ 0ރSA|a%L~pCrNa 99`& v6W1ؚfEJ!$CcI߇:Uzke5>s8{~B@2ÝmfDT9feJKas ΰγQ 5Dy6"zt٤ QÔA;GKɻF2Eb,$џ/:)")N%EFS*eJM}\_%dTypSIo,#PD5 ۥ ÎfW (mB(WI`1nOB;{Yr~[i9gvs `&7mQX8hi)O2Eb,$џ/: 'AA u@p meeu9R2%_ b%#FP/Bdl==T2!5SG,^X+)1Idkޥx2Sd[K'bv&uA۫y7bsZ5bքNQnBWlR)Vp.l:AQHbq0~t^!y(4##$+ZmYB(PPmм24 +ž okkiSy,Ԟ5<;} #>~ݽ7뾔=8w4=y4j$yUKSir6EZ4Q/= [YM @T*w8Kok8в0ٻSlR\ϫN]: false }); $("#showLabelsCheckbox").on("change", function (event) { var checked = event.args.checked; if (checked) { $("#nearRadio, #farRadio, #bothRadio").jqxRadioButton("enable"); if ($("#nearRadio").jqxRadioButton("checked") == true) { $("#jqxBulletChart").jqxBulletChart({ ticks: { position: "near"} }); } else if ($("#farRadio").jqxRadioButton("checked") == true) { $("#jqxBulletChart").jqxBulletChart({ ticks: { position: "far"} }); } else { $("#jqxBulletChart").jqxBulletChart({ ticks: { position: "both"} }); } } else { $("#jqxBulletChart").jqxBulletChart({ ticks: { position: "none"} }); $("#nearRadio, #farRadio, #bothRadio").jqxRadioButton("disable"); } }); $("#nearRadio").on("checked", function (event) { $("#jqxBulletChart").jqxBulletChart({ ticks: { position: "near"} }); }); $("#farRadio").on("checked", function (event) { $("#jqxBulletChart").jqxBulletChart({ ticks: { position: "far"} }); }); $("#bothRadio").on("checked", function (event) { $("#jqxBulletChart").jqxBulletChart({ ticks: { position: "both"} }); }); $("#currencyRadio").on("checked", function (event) { $("#jqxBulletChart").jqxBulletChart({ labelsFormat: "c" }); }); $("#percentRadio").on("checked", function (event) { $("#jqxBulletChart").jqxBulletChart({ labelsFormat: "p" }); }); $("#noneRadio").on("checked", function (event) { $("#jqxBulletChart").jqxBulletChart({ labelsFormat: null }); }); $("#enableAnimationCheckbox").on("change", function (event) { var checked = event.args.checked; if (checked) { $("#jqxBulletChart").jqxBulletChart({ animationDuration: 400 }); } else { $("#jqxBulletChart").jqxBulletChart({ animationDuration: 0 }); } }); $("#valueSlider").on("change", function (event) { var value = event.args.value; $("#jqxBulletChart").jqxBulletChart("val", value); }); $("#pointerDropDownList").on("change", function (event) { var choice = event.args.item.label; var newColor; if (choice != "From theme") { newColor = choice; } else { newColor = ""; } $("#jqxBulletChart").jqxBulletChart({ pointer: { color: newColor} }); }); $("#targetDropDownList").on("change", function (event) { var choice = event.args.item.label; var newColor; if (choice != "From theme") { newColor = choice; } else { newColor = ""; } $("#jqxBulletChart").jqxBulletChart({ target: { color: newColor} }); }); $("#disabledCheckbox").on("change", function (event) { var checked = event.args.checked; if (checked) { $("#jqxBulletChart").jqxBulletChart({ disabled: true }); } else { $("#jqxBulletChart").jqxBulletChart({ disabled: false }); } }); $("#rtlCheckbox").on("change", function (event) { var checked = event.args.checked; if (checked) { $("#jqxBulletChart").jqxBulletChart({ rtl: true }); } else { $("#jqxBulletChart").jqxBulletChart({ rtl: false }); } }); });
jqxBulletChart settings
Show labels
  • Near
  • Far
  • Both

Labels format:
  • Currency
  • Percent
  • None

Enable animation

Pointer value:

Pointer color:

Target color:

Disabled
Right-to-left