Smart UI Components & Libraries – Grid, Scheduler, Gantt, Kanban for Angular, React, Next.js, Vue, Blazor, JavaScript › Forums › Charts & Data Viz › Auto resize chart

Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • August 6, 2022 at 3:19 pm #103452
    salasidis
    Participant

    I have a chart in a jQuery dialog box.

    2 problems,

     

    although the width takes up the whole width of the dialog box, except for the padding, the height does not seem to.

     

    Also, is there a way to auto resize the chart when the dialog box size is changed.

     

    Thanks

    • This topic was modified 3 years, 3 months ago by salasidis.
    August 8, 2022 at 6:50 am #103454
    svetoslav_borislavov
    Participant

    Hi,

    You can use CSS properties to achieve this. You can set the width and the height to 100%

    Look at this example. The chart is integrated into a window and it has width and height set to 100%.

    https://codepen.io/svetoslavb04/pen/MWVXJWj

     

    Feel free to ask, if you face any difficulties!

     

    Best Regards,
    Svetoslav Borislavov

    Smart UI Team
    https://www.htmlelements.com/

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.