My javascript file has been modified somewhat from the original provided by David (added wind run, deleted avg temps and min/max, changed colours etc) but I have posted the info so you can see how easily it can be done. This is how I modified the javascript version....
(make back ups of your original datasummary.css file and readDayfile.js files before starting... just in case)
First I created a 'colour scale' in the datasummary.css file by adding the following code just below
#table_container .zerovalue { color: #555555;}
Code: Select all
#table_container .extremehigh { color: #800080;}
#table_container .veryhigh { color: #F71B08;}
#table_container .higher{ color: #EC550E;}
#table_container .high{ color: #EEC900;}
#table_container .low { color: #40DA40;}
#table_container .lower{ color: #4078DA;}
#table_container .verylow { color: #00FFFF;}
#table_container .extremelow { color: #FFFFFF;}
#table_container .grey { color: #292727;}
if ((parseFloat(wd_data[dayfilecol].split(',').join('.')) == 0) && (dayfilecol ==14 || dayfilecol ==1)) { $(data_cell).addClass('zerovalue'); }
I added the following code:
Code: Select all
// Max Temp
if((parseFloat(wd_data[dayfilecol])>=37.0)&&(dayfilecol==6)){$(data_cell).addClass('extremehigh');}
if((parseFloat(wd_data[dayfilecol])<=36.9)&&(dayfilecol==6)){$(data_cell).addClass('veryhigh');}
if((parseFloat(wd_data[dayfilecol])<=33.0)&&(dayfilecol==6)){$(data_cell).addClass('higher');}
if((parseFloat(wd_data[dayfilecol])<=30.0)&&(dayfilecol==6)){$(data_cell).addClass('high');}
if((parseFloat(wd_data[dayfilecol])<=25.0)&&(dayfilecol==6)){$(data_cell).addClass('low');}
if((parseFloat(wd_data[dayfilecol])<=20.0)&&(dayfilecol==6)){$(data_cell).addClass('lower');}
if((parseFloat(wd_data[dayfilecol])<=10.0)&&(dayfilecol==6)){$(data_cell).addClass('verylow');}
if((parseFloat(wd_data[dayfilecol])<=6.0)&&(dayfilecol==6)){$(data_cell).addClass('extremelow');}
// Min Temp
if((parseFloat(wd_data[dayfilecol])>=37.0)&&(dayfilecol==4)){$(data_cell).addClass('extremehigh');}
if((parseFloat(wd_data[dayfilecol])<=36.0)&&(dayfilecol==4)){$(data_cell).addClass('veryhigh');}
if((parseFloat(wd_data[dayfilecol])<=33.0)&&(dayfilecol==4)){$(data_cell).addClass('higher');}
if((parseFloat(wd_data[dayfilecol])<=29.0)&&(dayfilecol==4)){$(data_cell).addClass('high');}
if((parseFloat(wd_data[dayfilecol])<=25.0)&&(dayfilecol==4)){$(data_cell).addClass('low');}
if((parseFloat(wd_data[dayfilecol])<=20.0)&&(dayfilecol==4)){$(data_cell).addClass('lower');}
if((parseFloat(wd_data[dayfilecol])<=10.0)&&(dayfilecol==4)){$(data_cell).addClass('verylow');}
if((parseFloat(wd_data[dayfilecol])<=6.0)&&(dayfilecol==4)){$(data_cell).addClass('extremelow');}
// Total Rainfall
if((parseFloat(wd_data[dayfilecol])>=200.0)&&(dayfilecol==14)){$(data_cell).addClass('extremehigh');}
if((parseFloat(wd_data[dayfilecol])<=199.9)&&(dayfilecol==14)){$(data_cell).addClass('veryhigh');}
if((parseFloat(wd_data[dayfilecol])<=150.0)&&(dayfilecol==14)){$(data_cell).addClass('veryhigh');}
if((parseFloat(wd_data[dayfilecol])<=100.0)&&(dayfilecol==14)){$(data_cell).addClass('higher');}
if((parseFloat(wd_data[dayfilecol])<=75.0)&&(dayfilecol==14)){$(data_cell).addClass('high');}
if((parseFloat(wd_data[dayfilecol])<=50.0)&&(dayfilecol==14)){$(data_cell).addClass('low');}
if((parseFloat(wd_data[dayfilecol])<=20.0)&&(dayfilecol==14)){$(data_cell).addClass('lower');}
if((parseFloat(wd_data[dayfilecol])<=10.0)&&(dayfilecol==14)){$(data_cell).addClass('verylow');}
if((parseFloat(wd_data[dayfilecol])<=2.0)&&(dayfilecol==14)){$(data_cell).addClass('extremelow');}
if((parseFloat(wd_data[dayfilecol])==0.0)&&(dayfilecol==14)){$(data_cell).addClass('grey');}
// Rain Rate
if((parseFloat(wd_data[dayfilecol])>=200.0)&&(dayfilecol==12)){$(data_cell).addClass('extremehigh');}
if((parseFloat(wd_data[dayfilecol])<=199.9)&&(dayfilecol==12)){$(data_cell).addClass('veryhigh');}
if((parseFloat(wd_data[dayfilecol])<=179.9)&&(dayfilecol==12)){$(data_cell).addClass('veryhigh');}
if((parseFloat(wd_data[dayfilecol])<=99.9)&&(dayfilecol==12)){$(data_cell).addClass('higher');}
if((parseFloat(wd_data[dayfilecol])<=74.9)&&(dayfilecol==12)){$(data_cell).addClass('high');}
if((parseFloat(wd_data[dayfilecol])<=49.9)&&(dayfilecol==12)){$(data_cell).addClass('low');}
if((parseFloat(wd_data[dayfilecol])<=19.9)&&(dayfilecol==12)){$(data_cell).addClass('lower');}
if((parseFloat(wd_data[dayfilecol])<=9.9)&&(dayfilecol==12)){$(data_cell).addClass('verylow');}
if((parseFloat(wd_data[dayfilecol])<=1.9)&&(dayfilecol==12)){$(data_cell).addClass('extremelow');}
if((parseFloat(wd_data[dayfilecol])==0.0)&&(dayfilecol==12)){$(data_cell).addClass('grey');}
// High Pressure
if((parseFloat(wd_data[dayfilecol])>=1030.00)&&(dayfilecol==10)){$(data_cell).addClass('extremehigh');}
if((parseFloat(wd_data[dayfilecol])<=1029.99)&&(dayfilecol==10)){$(data_cell).addClass('high');}
if((parseFloat(wd_data[dayfilecol])<=1019.99)&&(dayfilecol==10)){$(data_cell).addClass('low');}
if((parseFloat(wd_data[dayfilecol])<=1009.99)&&(dayfilecol==10)){$(data_cell).addClass('verylow');}
if((parseFloat(wd_data[dayfilecol])<=999.99)&&(dayfilecol==10)){$(data_cell).addClass('extremelow');}
// Low Pressure
if((parseFloat(wd_data[dayfilecol])>=1030.00)&&(dayfilecol==8)){$(data_cell).addClass('extremehigh');}
if((parseFloat(wd_data[dayfilecol])<=1029.99)&&(dayfilecol==8)){$(data_cell).addClass('high');}
if((parseFloat(wd_data[dayfilecol])<=1019.99)&&(dayfilecol==8)){$(data_cell).addClass('low');}
if((parseFloat(wd_data[dayfilecol])<=1009.99)&&(dayfilecol==8)){$(data_cell).addClass('verylow');}
if((parseFloat(wd_data[dayfilecol])<=999.99)&&(dayfilecol==8)){$(data_cell).addClass('extremelow');}
// Wind Speed
if((parseFloat(wd_data[dayfilecol])>=45.0)&&(dayfilecol==17)){$(data_cell).addClass('extremehigh');}
if((parseFloat(wd_data[dayfilecol])<=44.9)&&(dayfilecol==17)){$(data_cell).addClass('veryhigh');}
if((parseFloat(wd_data[dayfilecol])<=29.9)&&(dayfilecol==17)){$(data_cell).addClass('veryhigh');}
if((parseFloat(wd_data[dayfilecol])<=19.9)&&(dayfilecol==17)){$(data_cell).addClass('higher');}
if((parseFloat(wd_data[dayfilecol])<=14.9)&&(dayfilecol==17)){$(data_cell).addClass('high');}
if((parseFloat(wd_data[dayfilecol])<=9.9)&&(dayfilecol==17)){$(data_cell).addClass('low');}
if((parseFloat(wd_data[dayfilecol])<=4.9)&&(dayfilecol==17)){$(data_cell).addClass('lower');}
// Wind Gust
if((parseFloat(wd_data[dayfilecol])>=50.0)&&(dayfilecol==1)){$(data_cell).addClass('extremehigh');}
if((parseFloat(wd_data[dayfilecol])<=49.9)&&(dayfilecol==1)){$(data_cell).addClass('veryhigh');}
if((parseFloat(wd_data[dayfilecol])<=39.9)&&(dayfilecol==1)){$(data_cell).addClass('veryhigh');}
if((parseFloat(wd_data[dayfilecol])<=29.9)&&(dayfilecol==1)){$(data_cell).addClass('high');}
if((parseFloat(wd_data[dayfilecol])<=19.9)&&(dayfilecol==1)){$(data_cell).addClass('low');}
if((parseFloat(wd_data[dayfilecol])<=9.9)&&(dayfilecol==1)){$(data_cell).addClass('lower');}
if((parseFloat(wd_data[dayfilecol])<=4.9)&&(dayfilecol==1)){$(data_cell).addClass('verylow');}
// Wind Run
if((parseFloat(wd_data[dayfilecol])>=200.0)&&(dayfilecol==16)){$(data_cell).addClass('extremehigh');}
if((parseFloat(wd_data[dayfilecol])<=199.9)&&(dayfilecol==16)){$(data_cell).addClass('veryhigh');}
if((parseFloat(wd_data[dayfilecol])<=174.9)&&(dayfilecol==16)){$(data_cell).addClass('veryhigh');}
if((parseFloat(wd_data[dayfilecol])<=149.9)&&(dayfilecol==16)){$(data_cell).addClass('higher');}
if((parseFloat(wd_data[dayfilecol])<=124.9)&&(dayfilecol==16)){$(data_cell).addClass('high');}
if((parseFloat(wd_data[dayfilecol])<=99.9)&&(dayfilecol==16)){$(data_cell).addClass('low');}
if((parseFloat(wd_data[dayfilecol])<=49.9)&&(dayfilecol==16)){$(data_cell).addClass('lower');}
if((parseFloat(wd_data[dayfilecol])<=24.9)&&(dayfilecol==16)){$(data_cell).addClass('verylow');}
if((parseFloat(wd_data[dayfilecol])<=9.9)&&(dayfilecol==16)){$(data_cell).addClass('extremelow');}
Expirement with the scales values / colours etc as you weather data will most definately be different from mine. There are probably more elegant and friendlier ways of doing this but it was a fun exercise.
Enjoy.