Показать сообщение отдельно
  #9 (permalink)  
Старый 10.06.2016, 21:43
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064


<html>
<head>
<meta charset="utf-8">
<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()
{
  var data1 = google.visualization.arrayToDataTable(
    [
      ['Предмет', 'Зарегестрировалось', 'Загружено в базу', 'Проверено бланков А', 'Проверено бланков Б'],
      ['Franch', 2191, 1484, 1484, 709]
    ]);

  var options1 =
  {
    chart: {
      title: 'Company Performance',
      subtitle: 'Sales, Expenses, and Profit: 2014-2017'
    }
  };

  var chart1 = new google.charts.Bar(document.getElementById('columnchart_material_1'));
  chart1.draw(data1, options1);

  /////////////////////

  var data2 = google.visualization.arrayToDataTable(
    [
      ['Предмет', 'Зарегестрировалось', 'Загружено в базу', 'Проверено бланков А', 'Проверено бланков Б'],
      ['Franch', 3391, 4484, 5584, 109]
    ]);

  var options2 =
  {
    chart: {
      title: 'Company Performance',
      subtitle: 'Sales, Expenses, and Profit: 2010-2014'
    }
  };

  var chart2 = new google.charts.Bar(document.getElementById('columnchart_material_2'));
  chart2.draw(data2, options2);
}
</script>

</head>

<body>
<div id="columnchart_material_1" style="width: 700px; height: 300px;"></div>
<div id="columnchart_material_2" style="width: 700px; height: 300px;"></div>
</body>
</html>
Ответить с цитированием