jQuery UI Widgets Forums Chart chart height in bootstrap card

Tagged: ,

This topic contains 1 reply, has 2 voices, and was last updated by  Hristo 1 month, 3 weeks ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • chart height in bootstrap card #108021

    arkgroup
    Participant

    I put chart in bootstrap card and height in % don’t work

     <div class="row">
                      <div class="col-12 col-sm-6 col-md-6 col-xl-3 grid-margin stretch-card" >
                          <div class="card" >
                              <div class="card-body" style="height:100%;width:100%;" >
    
                                  <div id='chartContainer' style="width:100%; height:80%;">
                                  </div>
                                
                              </div>
                          </div>
                      </div>
                  </div>

    if I change 80% to 300px, chart is displayed correctly.

    Thanks

    chart height in bootstrap card #108061

    Hristo
    Participant

    Hello arkgroup,

    I would like to suggest you look at this demo.
    There is one specific thing that is commonly missed – the parent container should have a width and height.
    Also, there is a lot of forum topics with similar discussion.
    Please, take a look at this and this.

    Best Regards,
    Hristo Hristov

    jQWidgets team
    https://www.jqwidgets.com

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

You must be logged in to reply to this topic.