Google Bar charts creation - Javascript Google Chart

Javascript examples for Google Chart:Bar Chart

  1. HOME
  2. Javascript
  3. Google Chart
  4. Bar Chart

Description

Google Bar charts creation

Demo Code

ResultView the demo in separate window 

<html lang="en">
   <head></head>
   <body translate="no" padding="0.5in 0.5in 0.5in 0.5in" size="Letter">   
      <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script> 
      <script type="text/javascript">
  google.charts.load('current', {'packages':['bar']});
  google.charts.setOnLoadCallback(DrawChart);
  function DrawChart() {/* w  ww .  j  a  v  a 2  s .com*/
    var data = google.visualization.arrayToDataTable([
      ['Short Shipment', 'Product Questions', 'Product Service Request', 'Billing Question','Product Issue','Return or Exchange Request','- None -'],
      [1, 3, 4, 8, 8, 11, 283]]);
    var options = {
      chart: {
        title: 'Case Issue Summary'
      },
      bars: 'horizontal'
    };
    var chart = new google.charts.Bar(document.getElementById('BarChartCase'));
    chart.draw(data, options);
  }

      </script>   
      <div id="BarChartCase" style="width: 900px; height: 500px;">
         &nbsp;
      </div>    
   </body>
</html>

Related Tutorials