Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE HTML>
<html>
<head>
  <script type="text/javascript">
  window.onload = function () {
​
    var data = {
      axisY: {
        includeZero: false
      },
      data: [{
        type: "column",
        dataPoints: [
          { x: 10, y:  42935017 },
          { x: 20, y: 42935017 },
          { x: 30, y: 42935017 },
          { x: 40, y: 42935017 }
        ]
      }]
    };
    
    // 2 Charts 1 Config
    var chart = new CanvasJS.Chart("chartContainer", data);
    var chart2 = new CanvasJS.Chart("chartContainer2", data);
​
    chart.render();
    chart2.render();
  }
  </script>
  <script type="text/javascript" src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
</head>
<body>
  
  <!-- height 561px and below display columns aligned to bottom -->
  <div id="chartContainer" style="height: 561px; width: 1000px;"></div>
  
  <!-- height 562px and above display columns just going buck wild and rendering near the top -->
  <div id="chartContainer2" style="height: 562px; width: 1000px;"></div>
  
</body>
</html>
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
dick-clarkpro
0viewers