jqxBarGauge not all space [2]

[pcesar12Participant]

Hello,

I want to use jqxBarGauge inside a div with 300px x 125px. i need this size because i want to add a lot of jqxBarGauge in same screen.

https://jseditor.io/?key=9ebb01eb894711ecb79fc4377264e2bc

i have some missing space.

i tried to use

$(document).ready(function ()
{
    $('#barGauge').jqxBarGauge({
        colorScheme: "scheme01",
        width: '100%',
        height: '100%',
        values: [98.7], 
        startAngle: 180,
        endAngle: 360
    });
});

and

$(document).ready(function ()
{
    $('#barGauge').jqxBarGauge({
        colorScheme: "scheme01",
        width: 300,
        height: 125,
        values: [98.7], 
        startAngle: 180,
        endAngle: 360
    });
});

but none works properly

i want the gauge use all space inside 300 px x 125px, is possible?

Best Regards

[pcesar12Participant]

i write two topics because the first, disappear entire post. sorry about duplicate post.

[MartinParticipant]

Hello pcesar12,

The width and height properties of the jqxBarGauge set the size of the component container. However, the bars inside are rendered using SVG and cannot take the whole space.
Also, jqxBarGauge accepts the size in pixels. If you need to resize it dynamically you can update the width and height when needed.

Best Regards,
Martin Yotov

jQWidgets team
https://www.jqwidgets.com

[Author]

Posts