¿Como situar valor varchar como categories en grafica?

Oracles · #1 (**permalink**) 29/03/2011, 04:45

Veréis estoy haciendo una gráfica dentro de categories, la parte de la gráfica es en javascript, pero para poder recuperar el dato para meterlo lo tengo hecho en php por eso lo pongo aquí, el resultado para introducirlo dentro del java con los valores me sirve esto <?=$variable;?>, pero en la parte de categories no me sirve, he comprobado que solo me muestra los valores que en la BD serian Date, pero la hora que es lo que quiero meter lo tengo guardado como Varchar al igual que el resto como me pidieron que los guardara. Sabéis si hay alguna forma de meter dentro de esos categories la variable tal y como esta o tendría que pasarla a char u otro tipo de variable??

luis010182 · #2 (**permalink**) 29/03/2011, 07:21

no se si te entedi bien, pero lo que vos queres es recuperar un string que esta en php a javascript, pero solo te muestra una parte del string.

Si es asi cuando declaras en javascript lo tendrias que hacer asi:

var nombreVariable = '<?=$variable?>';

debe poner las comillas.

Oracles · #3 (**permalink**) 29/03/2011, 13:31

si lo tengo asi con las comillas pero no me muestra el de la hora solo el que en la BD lo tengo guardado como formato Date los que tengo en Varchar no

bUllan9ebrio · #4 (**permalink**) 29/03/2011, 13:33

Creo que la manera de solucionar eso esta en la 4ta linea de tú código.... o sea como pretendes que te ayuden si ni siquieras colocas codigo

Oracles · #5 (**permalink**) 30/03/2011, 04:32

... solo quería saber si hay algún otro tipo de forma para incluir dentro de javascript los resultados de una búsqueda hecha en php que proviene de mysql... no quiero que me hagan el código... porque no es que haya error solo busco otra función o el porque no acepta ese tipo de dato

Oracles · #6 (**permalink**) 30/03/2011, 05:12

Si lo quieres aquí lo tienes lo he ido modificando desde el primer post estoy haciendo pruebas por mi cuenta

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<?php
include('../Datos.php');
$user = 'xxx';
$pass = 'xxx';
$url = 'localhost';
$con = mysql_connect($url,$user,$pass);
mysql_select_db('Meteo',$con);
$resultado1= mysql_query("SELECT * FROM Regsitros WHERE( Fecha ='$Dia') ORDER BY Hora ASC",$con);
$row = mysql_fetch_array($resultado1); 
$resultado2 = $row['Fecha'];
$z = 0;
$total = mysql_num_rows($resultado1);
$total2 = $total++;
/*---------------------*/
while ($z < $total2){
$hora[$z] = mysql_result($resultado1, $z, 'Hora');
$z++;
if ($z == $total2){
	$z = 0;
	break;
	}
}
/*---------------------*/
while ($z < $total2){
$temperatura[$z] = mysql_result($resultado1, $z, 'Temperatura');
$z++;
if ($z == $total2){
	$z = 0;
	break;
	}
}
/*---------------------*/
while ($z < $total2){
$sensacio[$z] = mysql_result($resultado1, $z, 'SensacionTermica');
$z++;
}
$x=0;
while($x<$z){
	$temperatura[$x];
	$temp[$x] = $temperatura[$x].',';
	$x++;
	}
$x=0;
while($x<$z){
	$sensacio[$x];
	$sens[$x] = $sensacio[$x].','; 
	$x++;
	}
$x=0;
while($x<$z){
	$hora[$x];
	$h[$x] = $hora[$x].','; 
	$x++;
	}
$x=0;
?>

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Gráfica Tempertaura - IES La Vereda (La Pobla de Vallbona)</title>
		
		
		<!-- 1. Add these JavaScript inclusions in the head of your page -->
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
		<script type="text/javascript" src="highcharts.js"></script>
		
		<!-- 1a) Optional: add a theme file -->
		<!--
			<script type="text/javascript" src="../js/themes/gray.js"></script>
		-->
		
		<!-- 1b) Optional: the exporting module -->
		<script type="text/javascript" src="../js/modules/exporting.js"></script>
		
		
		<!-- 2. Add the JavaScript to initialize the chart on document ready -->
		<script type="text/javascript">
		
			var chart;
			$(document).ready(function() {
				chart = new Highcharts.Chart({
					chart: {
						renderTo: 'container',
						defaultSeriesType: 'spline'
					},
					title: {
						text: 'Temperatura del <?=$resultado2;?>'
					},
					subtitle: {
						text: 'Temperatura en Cº en La Pobla de Vallbona'
					},
					xAxis: {
						categories: ['0','<?=$h[$x];?>']
					},
					yAxis: {
						title: {
							text: 'Temperatura Cº'
						},
						labels: {
							formatter: function() {
								return this.value +'°'
							}
						}
					},
					tooltip: {
						crosshairs: true,
						shared: true
					},
					plotOptions: {
						spline: {
							marker: {
								radius: 4,
								lineColor: '#666666',
								lineWidth: 1
							}
						}
					},
					series: [{
						name: 'Sensación Térmica',
						marker: {
							symbol: 'circle'
						},
						data: [{
							y: 0,
							marker: {
								symbol: 'url(min.png)'
							}
						},<?=$sens[$x];?>]
				
					}, {
						name: 'Temperatura',
						marker: {
							symbol: 'square'
						},
						data: [{
							y:0,
							marker: {
								symbol: 'url(max.png)'
							}
						},<?=$temp[$x];?>]
					}]
				});
				
				
			});
				
		</script>
		
	</head>
	<body>
		
		<!-- 3. Add the container -->
		<div id="container" style="width: 800px; height: 400px; margin: 0 auto"></div>
		
				
	</body>
</html>