Olá pessoal, tenho esse seguinte gráfico mas não consigo alterar para o modo que desejo.
Queria que fica-se parecido com o formato:
Apresenta-se quantos gols por rodada cada time fez.
Obrigado pessoal.
<?php
$times = array();
$gols = array();
$cantos = array();
$i = 0;
$sql = "select * from classificacao";
$resultado = mysql_query($sql);
while ($row = mysql_fetch_object($resultado)){
$times[$i] = $row->time1;
$gols[$i] = $row->gol1;
$rodada[$i] = $row->rodada;
$i = $i + 1;
}
?>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '0', {'packages':['corechart']});
google.setOnLoadCallback(desenhaGrafico);
function desenhaGrafico() {
var data = new google.visualization.DataTable();
data.addColumn('string', 'Times');
data.addColumn('number', 'Gols');
data.addColumn('number', 'rodada');
data.addRows(<?php echo $i ?>);
<?php
$k = $i;
for ($i = 0; $i < $k; $i++) {
?>
data.setValue(<?php echo $i ?>, 0, '<?php echo $times[$i] ?>');
data.setValue(<?php echo $i ?>, 1, '<?php echo $gols[$i] ?>');
data.setValue(<?php echo $i ?>, 2, '<?php echo $rodada[$i] ?>');
<?php
}
?>
var options = {
width: 650, height: 250,
colors: ['#23719F', '#FF9933'],
legend: { position: 'top' }
};
// cria grafico
var chart = new google.visualization.LineChart(document.getElementById('chart_div'));
// desenha grafico
chart.draw(data, options);
}
</script>
<div id="chart_div"></div>