plot.ly bar chart sample

sample for plot.ly bar chart

by sundaramkumar

HTML

<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
<div id="myDiv1"></div>
<div id="myDiv2"></div>

JavaScript

var available = {
  x: ['vCPUs', 'vLANs', 'Memory', 'Disk'], 
  y: [21, 9, 115,1086,], 
  name: 'Available', 
  type: 'bar'
};

var allocated = {
  x: ['vCPUs', 'vLANs', 'Memory', 'Disk'],
  y: [60, 12, 268, 2280], 
  name: 'Allocated', 
  type: 'bar'
};

var used = {
  x: ['vCPUs', 'vLANs', 'Memory', 'Disk'],
  y: [39, 3, 153, 1194], 
  name: 'Used', 
  type: 'bar' 
};
/*	marker:{
    color: ['rgba(0,118,174,1)','rgba(222,45,38,0.8)', 'rgba(255,117,0,0.8)', 'rgba(0,161,59,1)']
  };*/
var data = [allocated,used, available];
var layout = {barmode: 'group',title:'Resource Usage'};

Plotly.newPlot('myDiv1', data, layout, {displayModeBar: false});