An Example of a Google Bar Chart

by tapas_23571113

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(drawBasic);

function drawBasic() {
			var chartAreaHeight = 2 * 30;
      var chartHeight = chartAreaHeight + 80;
      
      var data = google.visualization.arrayToDataTable([
        ['Label', 'Confidence', 'Total'],
        ['Skateboard', 99.25342, 100],
        ['Sport', 99.25342, 100]
      ]);

      var options = {   
      	isStacked: true,
      	annotations: {
        	textStyle: {
          	fontSize: 10
          }
        },
        height: chartHeight,
        chartArea: {        	
          height: chartAreaHeight
        },
        hAxis: {          
          minValue: 0,
          maxValue: 100,
          ticks: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
          format: '#\'%\'',
          textStyle: {
          	fontSize: 10
          },
          baselineColor: '#fff',
         gridlineColor: '#fff',
         textPosition: 'none'
        },
        legend: { 
        	position: 'none' 
        },
        vAxis: {
        	textStyle: {
          	fontSize: 10
          }
        }
      };
      
      var formatter = new google.visualization.NumberFormat({
    		fractionDigits: 5,
    		suffix: '%'
			});
			
      formatter.format(data, 1);

      var chart = new google.visualization.BarChart(document.getElementById('chart_div'));

      chart.draw(data, options);
    }