Estoy necesitando ayuda. No tengo conocimientos amplios sobre php y mysql. Lo que estoy queriendo realizar es algo que te genere un grafico lineal generado por una bd.
Utilizo Visifere. Ya he creato las tablas, configurado y me funciona. Pero lo que estoy queriendo lograr ahora, es que los datos me genere por el eje X y no el eje Y, que actualmente lo hace.
Les paso las siguientes imagenes, para que puedan entender más claramente.
Esta imagen muestra la tabla que actualmente estoy usando, con los datos de ella creo el grafico.
[URL="http://www.subirimagenes.com/otros-bd1-8229594.html"]http://www.subirimagenes.com/otros-bd1-8229594.html[/URL]
Esta muestra el grafico, en ella detalle las lineas especificando cual es cada una. Una es de la Columna de Valores1, y la otra de Valores 2.
[URL="http://www.subirimagenes.com/otros-bd2-8229597.html"]http://www.subirimagenes.com/otros-bd2-8229597.html[/URL]
Lo que quiero hacer es generar ese grafico usando la siguiente tabla de datos:
[URL="http://www.subirimagenes.com/otros-bd3-8229605.html"]http://www.subirimagenes.com/otros-bd3-8229605.html[/URL]
Como se puede ver en ella los MESES están en "los campos" (en la anterior base de datos figuraban en la columana de MES), los valores serían cada número que figura en cada fila del campo correspondiente.
Para que me entiendan mejor, y ser más claro, les digo el siguiente ejemplo.
Suponiento que yo creo el grafico con la siguiente bd:
Campo-----Mes----Valor //Nombre de Columnas
-Fallas-----Enero---100 //Valores
-Fallas----Febrero---90 //Valores
-Fallas-----Marzo----80 //Valores
Bueno, lo que quiero hacer es modificar los códigos para representar la siguiente tabla
Campo------Enero------Febrero-------Marzo //Nombre de Columnas
-Fallas-------100----------90----------80 //Valores
Les envio el código PHP de la página.
<?php
function connectDb()
{
/* MySQL Configuracion de BD */
$host = 'localhost';
$database = 'arqonexus';
$user = 'root';
$password = '';
$con = null;
$con = @mysql_connect($host, $user, $password);
if (!$con) {
die('Could not connect: ' . mysql_error());
}
mysql_select_db($database, $con);
return $con;
}
function getData() {
$data = array();
$con = connectDb();
$query = "select Mes, Valor, Valor2, Valor3 from bd_telefonica";
$res = mysql_query($query);
if ($res) {
while ($row = mysql_fetch_array($res)) {
$data[] = $row;
}
} else {
die('No conecta a la base de datos...');
}
return $data;
}
function generateXml($title) {
$title = isset($title) ? $title : 'Titulo';
$records = getData();
// Chart Data XML
$chartXml = '<vc:Chart xmlns:vc="clr-namespace:Visifire.Charts;assembly=SLVisifire.Char ts" IndicatorEnabled="True" Width="600" Height="400" BorderThickness="0.5" Padding="3" AnimationEnabled="true" Theme="Theme1" ToolBarEnabled="true">\''
.'+\''.'<vc:Chart.Titles>\''
.'+\''. '<vc:Title Text="'.$title.'" FontSize="20"/>\''
.'+\''.'</vc:Chart.Titles>\''
//EJE X
.'+\''.'<vc:Chart.AxesX>\''
.'+\''.'<vc:Axis Title="TITULOS EJE X" IntervalType="MONTHS" Interval="2" />\''
.'+\''.'</vc:Chart.AxesX>\''
//EJE Y
.'+\''.'<vc:Chart.AxesY>\''
.'+\''. ' <vc:Axis Title="TITULO EJE Y" AxisType="Primary" />\''
.'+\''.'</vc:Chart.AxesY>\''
.'+\''.'<vc:Chart.Series>\''
.'+\''. '<vc:DataSeries RenderAs="Line" LabelEnabled="true" XValueType="date">\'' //XValueType="time" para que sea por horas
.'+\''. '<vc:DataSeries.DataPoints>\'';
//INICIA PRIMERA LINEA DE GRAFICO
for ($i = 0; $i < count($records); $i++) {
$chartXml = $chartXml .'+\''.'<vc:DataPoint XValue="'.$records[$i]['Mes'].'" YValue="'.$records[$i]['Valor'].'"/>\'';
}
$chartXml = $chartXml .'+\''.'</vc:DataSeries.DataPoints>\''
//INICIA SEGUNDA LINE A DE GRAFICO
.'+\''.'</vc:DataSeries>\''
.'+\''. '<vc:DataSeries RenderAs="Line" LabelEnabled="True" XValueType="date">\''//XValueType="time" para que sea por horas
.'+\''. '<vc:DataSeries.DataPoints>\'';
for ($i = 0; $i < count($records); $i++) {
$chartXml = $chartXml .'+\''.'<vc:DataPoint XValue="'.$records[$i]['Mes'].'" YValue="'.$records[$i]['Valor2'].'"/>\'';
}
$chartXml = $chartXml .'+\''.'</vc:DataSeries.DataPoints>\''
.'+\''.'</vc:DataSeries>\''
.'+\''.'</vc:Chart.Series>\''
.'+\''.'</vc:Chart>';
return $chartXml;
}
function generateScript($divId, $chartTitle=null, $width=600, $height=400) {
// Location of XAP (e.g. SL.Visifire.Charts.xap/SL.Visifire.Gauges.xap) file path.
$pXapPath = "Silverlight Binaries/SL.Visifire.Charts.xap";
// Generate JavaScript for Chart display
$script = '<script type="text/javascript" >';
$script .= 'var vChart = new Visifire("'.$pXapPath.'", "MyChart", '.$width.', '.$height.');';
$script .= 'var chartXml = \''. generateXml($chartTitle).'\';';
$script .= 'vChart.setDataXml(chartXml);';
$script .= 'vChart.render("'.$divId.'");';
$script .= '</script>';
return $script;
}
?>
Tal vez no sea claro. A la espera de alguna ayuda me despido. Gracias.
