| agregar datos de forma dinámica con php
Necesito saber si se puede actualizar los siguientes datos (remarcados en negrita y en rojo en el code) dinamicante a través de php, bueno........ supongo que si, aunque yo no tengo ni idea, así que acudo con la esperanza de que alguien me pueda dejar un ejemplo el cual pueda comprender para terminar yo el trabajo.
Ya tengo un " data.php" que obtiene esos datos, categorías, lluvia, temperatura y presión atomósferica, solo se trataría de leerlos del data.php e implementarlos en las diferentes categorías.
El data.php y este codigo irían en el mismo directorio.
Bueno, a ver si tengo suerte, gracias
Código:
$(function () {
var chart;
$(document).ready(function() {
chart = new Highcharts.Chart({
chart: {
renderTo: 'container',
zoomType: 'xy'
},
title: {
text: 'Average Monthly Weather Data for Tokyo'
},
subtitle: {
text: 'Source: WorldClimate.com'
},
xAxis: [{
categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
}],
yAxis: [{ // Primary yAxis
labels: {
formatter: function() {
return this.value +'°C';
},
style: {
color: '#89A54E'
}
},
title: {
text: 'Temperature',
style: {
color: '#89A54E'
}
},
opposite: true
}, { // Secondary yAxis
gridLineWidth: 0,
title: {
text: 'Rainfall',
style: {
color: '#4572A7'
}
},
labels: {
formatter: function() {
return this.value +' mm';
},
style: {
color: '#4572A7'
}
}
}, { // Tertiary yAxis
gridLineWidth: 0,
title: {
text: 'Sea-Level Pressure',
style: {
color: '#AA4643'
}
},
labels: {
formatter: function() {
return this.value +' mb';
},
style: {
color: '#AA4643'
}
},
opposite: true
}],
tooltip: {
formatter: function() {
var unit = {
'Rainfall': 'mm',
'Temperature': '°C',
'Sea-Level Pressure': 'mb'
}[this.series.name];
return ''+
this.x +': '+ this.y +' '+ unit;
}
},
legend: {
layout: 'vertical',
align: 'left',
x: 120,
verticalAlign: 'top',
y: 80,
floating: true,
backgroundColor: '#FFFFFF'
},
series: [{
name: 'Rainfall',
color: '#4572A7',
type: 'column',
yAxis: 1,
data: [49.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
}, {
name: 'Sea-Level Pressure',
type: 'spline',
color: '#AA4643',
yAxis: 2,
data: [1016, 1016, 1015.9, 1015.5, 1012.3, 1009.5, 1009.6, 1010.2, 1013.1, 1016.9, 1018.2, 1016.7],
marker: {
enabled: false
},
dashStyle: 'shortdot'
}, {
name: 'Temperature',
color: '#89A54E',
type: 'spline',
data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
}]
});
});
});
y este es el data.php Cita: Categorias,26/10/2012 19:00,26/10/2012 20:00,26/10/2012 21:00,26/10/2012 22:00,26/10/2012 23:00,27/10/2012 00:00,27/10/2012 01:00,27/10/2012 02:00,27/10/2012 03:00,27/10/2012 04:00,27/10/2012 05:00,27/10/2012 06:00,27/10/2012 07:00,27/10/2012 08:00,27/10/2012 09:00,27/10/2012 10:00,27/10/2012 11:00,27/10/2012 12:00,27/10/2012 13:00,27/10/2012 14:00,27/10/2012 15:00,27/10/2012 16:00,27/10/2012 17:00,27/10/2012 18:00
Precipitacion,0.0,0.0,0.0,2.6,2.6,1.2,3.8,7.6,11.2 ,0.2,0.0,2.8,1.8,2.4,2.6,1.2,3.8,1.6,1.2,2.0,0.4,1 .8,0.2,0.
Temperatura,15.6,14.4,13.8,13.3,12.9,12.8,12.7,12. 7,12.9,13.2,13.4,12.3,11.9,11.3,10.4,10.3,9.8,9.6, 10.2,9.6,9.6,8.5,8.5,8.1
Presion,962.6,963.2,963.6,963.8,963.9,964.1,964.2, 964.4,965.1,965.7,966.0,967.0,968.3,969.4,970.8,97 2.5,973.4,974.5,975.1,975.3,975.9,976.3,977.0,977. 8 |