chart.js 2.0 bar

by andig2

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.6.0/Chart.bundle.min.js"></script>
<canvas id="myChart" width="400" height="200"></canvas>

JavaScript

var canvas = document.getElementById('myChart');
var config = {
  
  "options": {
    "scales": {
      "xAxes": [
      {
        "type": "category",
        "id": "axis-bar",
        "labels": ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
      }],
    },
  },
  "data": {
  	"labels": ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
    "datasets": [
    {
      "label": "Power",
      "type": "bar",
      "backgroundColor": "#e91e63",
      "borderColor": "#e91e63",
      //"yAxisID": "axis4",
      "borderWidth": 1,
      "fill": true,
      "xAxisID": "axis-bar",
      "data": [21242, 16360, 10577, 94337, 45312, 35581, 53]
    },
    ]
  },

};

var myBarChart = Chart.Bar(canvas, config);