Показать сообщение отдельно
  #3 (permalink)  
Старый 10.06.2016, 20:11
Аватар для pureJS
Аспирант
Отправить личное сообщение для pureJS Посмотреть профиль Найти все сообщения от pureJS
 
Регистрация: 04.06.2016
Сообщений: 70

maks777, всё довольно просто:
<html>
<head>
<meta http-equiv="Content-Type" Content="text/html; Charset=Windows-1251">
<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 = new google.visualization.arrayToDataTable(
		[
			['Предмет', 'Зарегестрировалось', 'Загружено в базу', 'Проверено бланков А', 'Проверено бланков Б'],
			['Franch', 2191, 1484, 1484, 709]
		]);

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

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

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

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

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

	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>
<br><hr><br>
<div id="columnchart_material_2" style="width: 700px; height: 300px;"></div>
</body></html>

Обрати также внимание на то, что я убрал некоторые левые запятые и квадратные скобки.

Последний раз редактировалось pureJS, 10.06.2016 в 22:28. Причина: Добавлен HTML run. Добавлено также всё для наслаждения и лицезрения сего примера.
Ответить с цитированием