CanvasJS in bootstrap

[scanner]

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 8 years, 4 months ago by scanner.

[scanner]

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

Saludos desde Chile :D

[Sunil Urs]

scanner,

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

—
Sunil Urs

[scanner]

Excellent!! thanx!!,,,

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

[Rishabh Rajgarhia]

Scanner,

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

[scanner]

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
this example

:)

I hope your help