google.load('visualization', '1', {packages: ['corechart', 'bar']}); google.setOnLoadCallback(drawBarColors); function drawBarColors() { var data = google.visualization.arrayToDataTable([ ['Berrier', 'Brazil', 'Average over 8 markets'], ['Lack of qualified personel', 8, 20], ['Different business culture', 12, 2], ['Bureaucratic procedures', 13, 14], ['Lack of adequate market information', 14, 13], ['Transport costs', 16, 12], ['Knowledge of foreign languages', 18, 16], ]); var options = { title: 'Barriers as seen by EU SMEs for Brazil compared to average of 8 countries', chartArea: {width: '50%'}, colors: ['#0404B4', '#848484'], hAxis: { title: 'Percentage -qualification index in Reference-', minValue: 0, maxValue: 25 }, vAxis: { title: 'Berrier' } }; var chart = new google.visualization.BarChart(document.getElementById('chart_div')); chart.draw(data, options); }
<script type="text/javascript" src="https://www.google.com/jsapi"></script> <div id="chart_div"></div>