CanvasJS in bootstrap

• November 4, 2015 at 7:43 pm #9530
  
  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 9 years ago by scanner.
  November 4, 2015 at 9:57 pm #9532
  
  scanner

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

  Saludos desde Chile :D

  November 13, 2015 at 6:11 pm #9544
  
  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

  November 13, 2015 at 7:16 pm #9545
  
  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

  November 20, 2015 at 11:45 am #9554
  
  Rishabh Rajgarhia

  Scanner,

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

  November 20, 2015 at 6:47 pm #9556
  
  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