An Example of a Google Bar Chart

by Kirti Vishwakarma

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
  <div id="chart_div"></div>

JavaScript

google.charts.load('current', {packages: ['corechart', 'bar']});
google.charts.setOnLoadCallback(drawStacked);

function drawStacked() {
      var data = new google.visualization.DataTable();
      var data = google.visualization.arrayToDataTable([
         ['string', 'Motivation Level', 'Energy Level'],
         ['ABD-ILTD',  55,      15,   ],
         ['PCPB',  85, 15],
         ['PSPD', 33, 1],
         ['ESPB',  44, 2.25],
         ['LRBD',  55, 2.25],
         ['CORP', 56, 3],
        ['FOOD', 57, 4],
        ['HOTELS', 8, 5.25],
        ['PPB', 49, 7.5],
        ['LSTC', 30, 10] 
      ]);

      var options = {
        title: 'Motivation and Energy Level Throughout the Day',
         colors: ['#ccf5ff', '#00ccff', 'green', 'grey', '#f6c7b6'],
        isStacked: true,
         width: 1200,
        height: 400,
        bar: {groupWidth: "50%"},
        hAxis: {
          title: ' ',          
        },
        legend: {
                  position: 'top', alignment: 'end', 
                textStyle: { fontSize: 12 }
            },
       vAxis: {
            viewWindow: {
                min: 0,
                max: 100,
            }
        },
        
      };

      var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
      chart.draw(data, options);
    }