Ver Mensaje Individual
  #7 (permalink)  
Antiguo 02/08/2012, 09:08
marlonvielman
 
Fecha de Ingreso: agosto-2012
Mensajes: 4
Antigüedad: 11 años, 9 meses
Puntos: 0
Respuesta: graficas con amCharts

Hola Govacsi he utilizado la libreria jpgraph y la verdad me parece muy mala, te cuento que cuando he querido centrar el gráfico me da un error en lo headers, pues bien investigando un poco mas encontré la libreria amchart y me parece muy buena tuve la oportunidad de echarla andar con php te pongo el codigo fuente para que te formes una idea de como va esto:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<?php
$host = "localhost";
$user = "root";
$pass = "";

$conexion = mysql_connect($host, $user, $pass) or die ("Error de conexion ".mysql_error());
mysql_select_db("db_encuesta");

$sql = "Select count(genero) from usuarios where genero = 'M'";
$res = mysql_query($sql);
while($row = mysql_fetch_array($res)){
$si = $row[0];
}
//echo $eegsa;

$sql1 = "Select count(genero) from usuarios where genero = 'F'";
$rest = mysql_query($sql1);
while($row = mysql_fetch_array($rest)){
$no = $row[0];
}
//echo $eegsa;

?>

<form name = "form" id ="form" />
<input type ="hidden" name ="si" value="<?php echo $si; ?>"/>
<input type ="hidden" name ="no" value="<?php echo $no; ?>"/>
</form>
<script type = "text/javascript">
var num = document.form.si.value;
var num2 = document.form.no.value
//document.write("hola el numero "+ num +" pertene a los usuarios encuestados");
</script>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="../amcharts/amcharts.js" type="text/javascript"></script>
<script type="text/javascript">

var chart;

var chartData = [{
country: "Masculino",
visits: num
}, {
country: "Femenino",
visits: num2
}];


AmCharts.ready(function () {
// PIE CHART
chart = new AmCharts.AmPieChart();

// title of the chart
chart.addTitle("Sexo del entrevistado", 16);

chart.dataProvider = chartData;
chart.titleField = "country";
chart.valueField = "visits";
chart.sequencedAnimation = true;
chart.startEffect = "elastic";
chart.innerRadius = "30%";
chart.startDuration = 2;
chart.labelRadius = 15;

// the following two lines makes the chart 3D
chart.depth3D = 10;
chart.angle = 15;

// WRITE
chart.write("chartdiv");
});
</script>
</head>

<body>
<center>
<div id="chartdiv" style="width:500px; height:300px;"></div>
</center>
</body>

</html>

para este caso grafique a las personas de sexo femenino y masculino que han contestado una encuesta... la verdad no esta nada complicado, ahora bien aun me falta por descubrir como hacer para incluir dos o mas gráficos en una pagina web. Espero haberte ayudado y perdona aunque tarde pero hasta ahora pertenezco a este foro.

Un cordial saludo,
Marlon Giron Vielman.