Gráfico Google Charts

ThiagoN · July 15, 2020 at 03:14 AM

Bom dia

Estou montando um gráfico em Google charts, php e banco mysql

preciso de ajuda para colocar os valores aparentes nas barras. tem exemplo n a documentação, mas não trazendo os dados do banco..

alguém consegue me dar uma luz?

segue código.

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>Tratativa</title>
	<link rel="stylesheet" type="text/css" href="../css/stilo.css">
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
	<meta name="author" content="">
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width" scale="1">
	<!-- transforma a pagina em  responsivel-->
	<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
	<script type="text/javascript">
		google.charts.load('current', {'packages':['corechart']});
		google.charts.setOnLoadCallback(drawVisualization);

		function drawVisualization() {
        // Some raw data (not necessarily accurate)
        var data = google.visualization.arrayToDataTable([
        	['Hora', 'UPM','Erros', 'Meta' ],
        	<?php
        	include 'conexao.php';          
        	$sql = "SELECT * FROM upm_hora";
        	$buscar = mysqli_query($conexao,$sql);

        	while ($dados = mysqli_fetch_array($buscar)) {
        		$hora = $dados['horasG'];
        		$upm = $dados['upm'];
        		$erros = $dados['difErros'];
        		$tempo = $dados['horasD'];
        		$meta = 800;
        		?>
        		['<?php echo $hora ?> <?php echo $tempo ?>', <?php echo $upm ?>, <?php echo $erros ?>, <?php echo $meta ?>],	
        	<?php } ?>
        	]);

        var options = {
        	title: 'Evolução da UPM',
        	vAxis: {title: 'UPM'},
        	hAxis: {title: 'Hora'},
        	seriesType: 'bars',        	
        	series: {2: {type: 'line'}},  

        };
        
        var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
        chart.draw(data, options);
    }
</script>
</head>
<body>
	<header>		
		<div>			
			<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
			<div id="chart_div" style = " width : 100% ; height : 500px	 ; " ></div>
		</div>
	</header>
</body>
</html>

Sign In

Gráfico Google Charts

Recommended Posts

ThiagoN

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Home

Activity

Revista PROGRAMAR

Important Information