jQuery UI Widgets Forums Gauges and Maps Gauges jqxBarGauge not all space [2]

This topic contains 2 replies, has 2 voices, and was last updated by  Martin 3 months, 1 week ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • jqxBarGauge not all space [2] #121490

    pcesar12
    Participant

    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

    jqxBarGauge not all space [2] #121491

    pcesar12
    Participant

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

    jqxBarGauge not all space [2] #121503

    Martin
    Participant

    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

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.