graficas con amCharts

govacsi · #1 (**permalink**) 17/11/2009, 10:28

Hola a todos,. como podría trabajar las graficas de amCharts,. he leido que se puede manipular la informacion, de acuerdo a una base de datos y utilizando php, pero no he encontrado mucha informacion al respecto.

De antemano gracias.

dcreate · #2 (**permalink**) 17/11/2009, 10:48

la verdad no he trabajado mucho con amCharts porque no encontre mucha informacion y mejor tuve que usar la libreria jpgraph, te la recomiendo; aki hay un poco de informacion de esta libreria. Saludos

govacsi · #3 (**permalink**) 17/11/2009, 11:17

Muchas gracias,. voy a checar el enlace.

ronald_bond · #4 (**permalink**) 17/11/2009, 11:22

Hola estoy trabajando con jpgraph es muy buena si quieres sacar datos de una bd aca esta el script :
<?php
require_once ("jpgraph/src/jpgraph.php");
require_once ("jpgraph/src/jpgraph_bar.php");

include_once("php/conexion.class.PHP");
$cn=new Singleton();
$cn=$cn->conectandome();

$sql = mysql_query("SELECT tb_tipo_servicio.servicio, Count(tb_trabajos.id_trabajo) AS trabajos
FROM
tb_tipo_servicio , tb_trabajos
WHERE
tb_trabajos.fk_id_servicio = tb_tipo_servicio.id_servicio
GROUP BY
tb_tipo_servicio.servicio");
$i=0;
$j=0;
while($data=mysql_fetch_array($sql)){
$titulos[$j]=$data[0];
$info[$i]=$data[1];
$i++;
$j++;
}

// Cree el gráfico y configuración de los parámetros básicos
$graph = new Graph(415,320,'auto');
$graph->img->SetMargin(40,30,40,50);
$graph->SetScale("textint");
$graph->SetFrame(true,'blue',1);
$graph->SetColor('lightblue');
$graph->SetMarginColor('lightblue');

// Configuración de X-etiquetas del eje
$a = $gDateLocale->GetShortMonth();
$graph->xaxis->SetTickLabels($titulos);
$graph->xaxis->SetFont(FF_FONT1);
$graph->xaxis->SetColor('darkblue','black');

// Setup "oculto" eje "por el color dado el mismo
// como el fondo (esto también puede hacerse mediante la creación del peso a cero)
$graph->yaxis->SetColor('lightblue','darkblue');
$graph->ygrid->SetColor('white');

// Título del gráfico de instalación y fuente
$graph->title->Set('Trabajos Más realizados');
$graph->title->SetFont(FF_FONT2,FS_BOLD);
$graph->xaxis->SetTitle('Servicios','center');
$graph->xaxis->SetTitleMargin(10);
$graph->xaxis->title->SetFont(FF_FONT2,FS_BOLD);

// Agregue un poco de gracia a la parte superior de modo que la escala no
// final exactamente en el valor máximo.
$graph->yaxis->scale->SetGrace(100);

// Create a bar pot
$bplot = new BarPlot($info);
$bplot->SetFillColor('darkblue');
$bplot->SetColor('darkblue');
$bplot->SetWidth(0.5);
$bplot->SetShadow('darkgray');

// Setup the values that are displayed on top of each bar
// Must use TTF fonts if we want text at an arbitrary angle
$bplot->value->Show();
$bplot->value->SetFont(FF_ARIAL,FS_NORMAL,8);
$bplot->value->SetFormat('%d');
$bplot->value->SetColor('darkred');
$bplot->value->SetAngle(45);
$graph->Add($bplot);

// Por último movimiento de la gráfica
$graph->Stroke();
?>

dcreate · #5 (**permalink**) 17/11/2009, 11:49

hola ronald_bond, oye ya q has trabajado en jpgraph me podrias ayudar, quiero crear una grafica de barras que al pasar el puntero se puede ver el valor de esa barra; mi problema es que cuando quiero crear un grupo de barras no me dibuja el grafico

govacsi · #6 (**permalink**) 17/11/2009, 12:03

Muy bien la libreria de jpgraph, pero... me es muy necesario trabajar las graficas con amCharts.
Alguien mas sabe al respecto?

marlonvielman · #7 (**permalink**) 02/08/2012, 09:08

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.