Home forums Using CanvasJS CanvasJS in bootstrap

This topic contains 5 replies, has 3 voices, and was last updated by  scanner 1 year ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #9530

    scanner
    Member

    hi,
    my name is luis,

    2 graphics want to implement one by side horizontally, but to minimize the screen simulating a mobile device, the right chart overlaps the chart on the left

            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <div class="chartContainer-1" style="height: 400px; width: 100%;"></div>
                    </div>
                    <div class="col-md-6">
                        <div class="chartContainer-2" style="height: 400px; width: 100%;"></div>
                    </div>
                </div>
            </div>
    

    want to implement 2 graphics horizontally, but to minimize the screen simulating a mobile device, the right chart overlaps the chart on the left
    i can not take control of the graphics right through bootstrap classes

            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <div class="chartContainer-1"></div>
                    </div>
                    <div class="col-md-6">
                        <div class="chartContainer-2"></div>
                    </div>
                </div>
            </div>
    

    any ideas??

    Greetings from Chile

    • This topic was modified 1 year ago by  scanner.
    #9532

    scanner
    Member

    Here I give the example http://jsfiddle.net/elistraus/u9ehe16f/3/

    Saludos desde Chile 😀

    #9544

    Sunil Urs
    Keymaster

    scanner,

    I just set height for the two containers and now its working fine. Do have a look at this jsfiddle.


    Sunil Urs

    #9545

    scanner
    Member

    Excellent!! thanx!!,,,

    leveraging the thread, you have an example of dynamic graphic, but that the data load from ajax, I am following this example

    #9554

    Scanner,

    The link you have provided is broken.
    And please let us know if the solution provided previously solved the issue.

    #9556

    scanner
    Member

    Rishabh,
    the solution provided by Sunil USSR was the right one

    now,
    “you have an example of dynamic graphic, but that the data load from ajax, I am following
    http://canvasjs.com/editor/?id=http://canvasjs.com/example/gallery/dynamic/multiseries_line/

    🙂

    I hope your help

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

You must be logged in to reply to this topic.