<div id="container"></div>
*{
  margin: 0;
  padding: 0;
}

body, html, #container{
  width: 100%;  
  height:100%;
}
anychart.onDocumentLoad(function() {
  // create a chart and set the data
  // as Array of Objects 
  var chart = anychart.column();
  chart.data({header: ["#", "Euro (€)", "USD ($)", "Pound (£)"],
   rows:[
    {x: "Winter", usd: 5, eur: 4, pound: 3},
    {x: "Spring", usd: 3, eur: 3, pound: 3},
    {x: "Summer", usd: 2, eur: 5, pound: 3},
    {x: "Fall",   usd: 4, eur: 2, pound: 3}
  ]});
  chart.title("Array of Objects");  
  chart.legend(true);
  chart.container("container").draw();
});
Run Pen

External CSS

  1. https://cdn.anychart.com/css/latest/anychart-ui.css

External JavaScript

  1. https://cdn.anychart.com/js/latest/anychart-bundle.min.js