Basic Column Chart - CanvasJS JavaScript Charts

Basic Column Chart - CanvasJS JavaScript Charts

by Akhil

HTML

<script src="http://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/>
<!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>
<div>
  <input type="button" value="Click me" onclick="getType()">
</div>

JavaScript

$(function() {
  var chart = new CanvasJS.Chart("chartContainer", {

    data: [{
      type: "column",
      dataPoints: [{
        x: 10,
        y: 71
      }, {
        x: 20,
        y: 55
      }, {
        x: 30,
        y: 50
      }, {
        x: 40,
        y: 65
      }, {
        x: 50,
        y: 95
      }, {
        x: 60,
        y: 68
      }, {
        x: 70,
        y: 28
      }, {
        x: 80,
        y: 34
      }, {
        x: 90,
        y: 14
      }]
    }]
  });

  chart.render();
});

function getType() {
  var type = $("#chartContainer").CanvasJSChart().options.data[0].type;
  alert(type);


}