jQuery UI Widgets › Forums › Gauges and Maps › Gauges › angular linear-gauge
Tagged: Angular linear gauge, cap, caption, css, Font, fontSize, Invalid property, jqx-gauge-label, jqxLinearGauge, linear gauge, style
This topic contains 8 replies, has 4 voices, and was last updated by Dimitar 7 years, 6 months ago.
-
Authorangular linear-gauge Posts
-
Hi DenisSm,
That is because jqxLinearGauge does not have such properties, as can be seen from its API documentation (second tab). The cap and caption properties are supported by jqxGauge only.
Best Regards,
DimitarjQWidgets team
http://www.jqwidgets.com/Hi Dimitar,
silly me and you are right :-), i missed second tab. I should read more precisely before writing …
Thank you,
DenisSmIs it possible to set the font name and size of labels into a Angular gauge?
Amelia
Hi Amelia,
These settings can be adjusted with CSS by modifying the style of the class jqx-gauge-label.
Best Regards,
DimitarjQWidgets team
http://www.jqwidgets.com/I solved it using:
$(‘.jqx-gauge-label’).css({“font”: “22px Verdana”, fill: “white”, color: “white” });
but as the font size increases, the labels shift to the right.Where is the complete description of the css properties?
Thanks.
Amelia
Hi Amelia,
We suggest to apply these modifications directly in the CSS and not with JavaScript, e.g.: https://www.jseditor.io/?key=jqxgauge-label-font-size (note the CSS tab on the left pane).
Best Regards,
DimitarjQWidgets team
http://www.jqwidgets.com/Your above example does not work, changing the font size in the CSS for the jqx-guage-label doesn’t have any affect in Safari or Firefox. Is there another way to change the font size?
Thanks
JamesHi James,
As an alternative, please try the following way of setting font-size using labels.fontSize: https://www.jseditor.io/?key=jqxgauge-increase-font-size.
Best Regards,
DimitarjQWidgets team
http://www.jqwidgets.com/ -
AuthorPosts
You must be logged in to reply to this topic.