Bar Chart Example

An example of a Google Bar Chart.

by Alexander

HTML

<script type="text/javascript" src="https://www.google.com/jsapi?autoload={'modules':[{'name':'visualization','version':'1.1','packages':['bar']}]}"></script>
       <div id="chart_div" style="height: 500px;"></div>

JavaScript

google.setOnLoadCallback(()=>{
  let data = google.visualization.arrayToDataTable([
    ['Страница', 'Дни', { role: 'style' }],
    ['Главная', 58, ''],
    ['Выдача', 19, ''],
    ['Визард', 15, ''],
    ['Саксесс', 7, ''],
    ['Флайтс', 5, ''],
    ['Аэропорты', 6, '']
  ]);

	const options = {
    chart: {
      title: 'Статистика разработки проекта Авиа с использованием Nickel',
      subtitle: 'Дней между началом разработки и выходом на бой (с учетом дня выкладки)',
    },
    bar: { groupWidth: '90%' },
    bars: 'horizontal',
  };

  new google.charts
  	.Bar(document.getElementById('chart_div'))
  	.draw(data, options);
})