AJAX configurar actualizacion de Datos
Publicado por Santiago (8 intervenciones) el 22/08/2015 06:50:46
Estimados,
Estoy graficando con Highcharts, de maravilla. El JS llama al values.php que me trae la temperatura y la fecha de mi base de datos MySQL.
El problema es el siguiente. Uds me podrian ayudar a integrarlo con AJAX con el fin de poder graficar de manera automatica en tiempo real?
Cualquier link, significativo, me serviria o el consejo de los de experiencia!
GRACIAS!
Estoy graficando con Highcharts, de maravilla. El JS llama al values.php que me trae la temperatura y la fecha de mi base de datos MySQL.
El problema es el siguiente. Uds me podrian ayudar a integrarlo con AJAX con el fin de poder graficar de manera automatica en tiempo real?
Cualquier link, significativo, me serviria o el consejo de los de experiencia!
GRACIAS!
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
$(function() {
//Highcharts MySQL y PHP
var Tiempo = [];
var valor = [];
var switch1 = true;$.get('values.php', function(data) {
data = data.split(' -/- ');
for (var i in data) {
if (switch1 == true) {
Tiempo.push(data[i]);
switch1 = false;} else {
valor.push(parseFloat(data[i]));
switch1 = true; } }Tiempo.pop();
$('#chart').highcharts({
chart : {
type : 'spline', backgroundColor:'transparent', defaultSeriesType: 'bar'
},
title : {
text : 'Tweetmotica'
},
subtitle : {
text : 'Temperatura del Hogar'
},
xAxis : {
title : {
text : 'Tiempo'
},
categories : Tiempo},
yAxis : {
title : {
text : 'Temperatura'
},
labels : {
formatter : function() {
return this.value + ' Temp.'
} }},
tooltip : {
crosshairs : true,
shared : true,
valueSuffix : ''
},
plotOptions : {
spline : {
marker : {
radius : 4,
lineColor : '#666666',
lineWidth : 1 } }},
series : [{
name : 'Grados',
data : valor}]
});
});
});
Valora esta pregunta
0
