var temp = [2,2,1,2,2,3,2,2,2,3,4,4,5]; var temptime = ['04.11','04.41','05.11','05.41','06.11','06.41','07.11','07.41','08.11','08.41','09.11','09.41','10.10']; var rain = [0,0,0,0,0,0,0,0,0,0,0,0,0]; var raintime = ['04.11','04.41','05.11','05.41','06.11','06.41','07.11','07.41','08.11','08.41','09.11','09.41','10.10']; var wind = [0,0,3,7,4,5,4,3,1,0,2,3,4]; var windtime = ['08.11','08.21','08.31','08.41','08.51','09.01','09.11','09.21','09.31','09.41','09.51','10.01','10.10']; var gust = [0,6,10,11,8,10,6,6,3,6,5,8,8]; var gusttime = ['08.11','08.21','08.31','08.41','08.51','09.01','09.11','09.21','09.31','09.41','09.51','10.01','10.10']; var winddir = [0,126,96,97,97,97,97,0,0,69,69,80,124]; var winddirtime = ['08.11','08.21','08.31','08.41','08.51','09.01','09.11','09.21','09.31','09.41','09.51','10.01','10.10']; var baro = [1025,1024,1024,1024,1024,1024,1024,1024,1024,1024,1024,1024,1024]; var barotime = ['08.11','08.21','08.31','08.41','08.51','09.01','09.11','09.21','09.31','09.41','09.51','10.01','10.10']; var chill = [2,2,2,2,2,3,2,2,2,1,4,4,5]; var chilltime = ['04.11','04.41','05.11','05.41','06.11','06.41','07.11','07.41','08.11','08.41','09.11','09.41','10.10']; var rain = [0,0,0,0,0,0,0,0,0,0,0,0,0]; var raintime = ['04.11','04.41','05.11','05.41','06.11','06.41','07.11','07.41','08.11','08.41','09.11','09.41','10.10']; var dew = [2,2,0,1,1,2,2,2,2,2,3,4,5]; var dewtime = ['04.11','04.41','05.11','05.41','06.11','06.41','07.11','07.41','08.11','08.41','09.11','09.41','10.10']; var heat = [2,2,2,2,2,3,2,2,2,3,4,4,5]; var heattime = ['04.11','04.41','05.11','05.41','06.11','06.41','07.11','07.41','08.11','08.41','09.11','09.41','10.10']; var hum = [96,96,95,96,96,97,96,96,96,96,96,96,95]; var humtime = ['04.11','04.41','05.11','05.41','06.11','06.41','07.11','07.41','08.11','08.41','09.11','09.41','10.10']; $(function() { $('.windd').sparkline([340,20], { type: 'pie', sliceColors: ['#F0F8FF','#3173B1'], offset: 44, chartRangeMin: 0, chartRangeMax: 360, borderWidth: 1, borderColor: '#3173B1', tooltipClassname: 'spark', tooltipPrefix:'Bearing: 124', tooltipSuffix: '°', tooltipFormat:'{{prefix}}{{y}}{{suffix}}', tooltipChartTitle: 'Avg. Wind Dir.' + '
' + ' Last 3 hours' }); }); $(function() { $('.temp').sparkline(temptime, { type: 'line', lineColor: '#F0F8FF', fillColor: '#F0F8FF', spotColor: '#F0F8FF', minSpotColor: '#F0F8FF', maxSpotColor: '#F0F8FF', numberFormatter: function(y) {return (('0000'+(y.toFixed(2))).slice (-5));}, width: 60, tooltipClassname: 'spark', tooltipPrefix: 'Time: ', tooltipFormat:' {{prefix}}{{y}}{{suffix}}', tooltipChartTitle: 'Temperature Today.' }); $('.temp').sparkline(temp, { composite: true, type: 'line', lineColor: '#3173B1', fillColor: '#F0F8FF', spotColor: '#00007f', minSpotColor: '#007fff', maxSpotColor: '#ff0000', tooltipClassname: 'spark', tooltipFormat:'{{prefix}}{{y}}{{suffix}}', tooltipPrefix: 'temp: ', tooltipSuffix: " °C", width: 60 }); }); $(function() { $('.heat').sparkline(heattime, { type: 'line', lineColor: '#F0F8FF', fillColor: '#F0F8FF', spotColor: '#F0F8FF', minSpotColor: '#F0F8FF', maxSpotColor: '#F0F8FF', numberFormatter: function(y) {return (('0000'+(y.toFixed(2))).slice (-5));}, width: 60, tooltipClassname: 'spark', tooltipPrefix: 'Time: ', tooltipFormat:' {{prefix}}{{y}}{{suffix}}', tooltipChartTitle: 'Heat Index Today.' }); $('.heat').sparkline(heat, { composite: true, type: 'line', lineColor: '#3173B1', fillColor: '#F0F8FF', spotColor: '#00007f', minSpotColor: '#007fff', maxSpotColor: '#ff0000', tooltipClassname: 'spark', tooltipFormat:'{{prefix}}{{y}}{{suffix}}', tooltipPrefix: 'heat: ', tooltipSuffix: " °C", width: 60 }); }); $(function() { $('.hum').sparkline(humtime, { type: 'line', lineColor: '#F0F8FF', fillColor: '#F0F8FF', spotColor: '#F0F8FF', minSpotColor: '#F0F8FF', maxSpotColor: '#F0F8FF', numberFormatter: function(y) {return (('0000'+(y.toFixed(2))).slice (-5));}, width: 60, tooltipClassname: 'spark', tooltipPrefix: 'Time: ', tooltipFormat:' {{prefix}}{{y}}{{suffix}}', tooltipChartTitle: 'Humidity Today.' }); $('.hum').sparkline(hum, { composite: true, type: 'line', lineColor: '#3173B1', fillColor: '#F0F8FF', spotColor: '#00007f', minSpotColor: '#007fff', maxSpotColor: '#ff0000', tooltipClassname: 'spark', tooltipFormat:'{{prefix}}{{y}}{{suffix}}', tooltipPrefix: 'hum: ', tooltipSuffix: '%', width: 60 }); }); $(function() { $('.dew').sparkline(dewtime, { type: 'line', lineColor: '#F0F8FF', fillColor: '#F0F8FF', spotColor: '#F0F8FF', minSpotColor: '#F0F8FF', maxSpotColor: '#F0F8FF', numberFormatter: function(y) {return (('0000'+(y.toFixed(2))).slice (-5));}, width: 60, tooltipClassname: 'spark', tooltipPrefix: 'Time: ', tooltipFormat:' {{prefix}}{{y}}{{suffix}}', tooltipChartTitle: 'Dew Point Today.' }); $('.dew').sparkline(dew, { composite: true, type: 'line', lineColor: '#3173B1', fillColor: '#F0F8FF', spotColor: '#00007f', minSpotColor: '#007fff', maxSpotColor: '#ff0000', tooltipClassname: 'spark', tooltipFormat:'{{prefix}}{{y}}{{suffix}}', tooltipPrefix: 'dew: ', tooltipSuffix: " °C", width: 60 }); }); $(function() { $('.chill').sparkline(chilltime, { type: 'line', lineColor: '#F0F8FF', fillColor: '#F0F8FF', spotColor: '#F0F8FF', minSpotColor: '#F0F8FF', maxSpotColor: '#F0F8FF', numberFormatter: function(y) {return (('0000'+(y.toFixed(2))).slice (-5));}, width: 60, tooltipClassname: 'spark', tooltipPrefix: 'Time: ', tooltipFormat:' {{prefix}}{{y}}{{suffix}}', tooltipChartTitle: 'Wind Chill Today.' }); $('.chill').sparkline(chill, { composite: true, type: 'line', lineColor: '#3173B1', fillColor: '#F0F8FF', spotColor: '#00007f', minSpotColor: '#007fff', maxSpotColor: '#ff0000', tooltipClassname: 'spark', tooltipFormat:'{{prefix}}{{y}}{{suffix}}', tooltipPrefix: 'Chill: ', tooltipSuffix: " °C", width: 60 }); }); $(function() { $('.wind').sparkline(windtime, { type: 'line', lineColor: '#F0F8FF', fillColor: '#F0F8FF', spotColor: '#F0F8FF', minSpotColor: '#F0F8FF', maxSpotColor: '#F0F8FF', numberFormatter: function(y) {return (('0000'+(y.toFixed(2))).slice (-5));}, width: 60, tooltipClassname: 'spark', tooltipChartTitle: 'Wind Speed Today.', tooltipFormat:' {{prefix}}{{y}}{{suffix}}', tooltipPrefix: 'Time: ' }); $('.wind').sparkline(wind, { composite: true, type: 'line', lineColor: '#3173B1', fillColor: '#F0F8FF', spotColor: '#00007f', minSpotColor: '#007fff', maxSpotColor: '#ff0000', tooltipClassname: 'spark', tooltipFormat:' {{prefix}}{{y}}{{suffix}}', tooltipPrefix: 'Wind: ', tooltipSuffix: " km/h", width: 60, }); }); $(function() { $('.gust').sparkline(gusttime, { type: 'line', lineColor: '#F0F8FF', fillColor: '#F0F8FF', spotColor: '#F0F8FF', minSpotColor: '#F0F8FF', maxSpotColor: '#F0F8FF', numberFormatter: function(y) {return (('0000'+(y.toFixed(2))).slice (-5));}, width: 60, tooltipClassname: 'spark', tooltipChartTitle: 'Gust Speed Today.', tooltipFormat:' {{prefix}}{{y}}{{suffix}}', tooltipPrefix: 'Time: ' }); $('.gust').sparkline(gust, { composite: true, type: 'line', lineColor: '#3173B1', fillColor: '#F0F8FF', spotColor: '#00007f', minSpotColor: '#007fff', maxSpotColor: '#ff0000', tooltipClassname: 'spark', tooltipFormat:' {{prefix}}{{y}}{{suffix}}', tooltipPrefix: 'Gust: ', tooltipSuffix: " km/h", width: 60, }); }); $(function() { $('.winddir').sparkline(winddirtime, { type: 'line', lineColor: '#F0F8FF', fillColor: '#F0F8FF', spotColor: '#F0F8FF', minSpotColor: '#F0F8FF', maxSpotColor: '#F0F8FF', numberFormatter: function(y) {return (('0000'+(y.toFixed(2))).slice (-5));}, width: 60, tooltipClassname: 'spark', tooltipChartTitle: 'Wind Direction Today.', tooltipFormat:' {{prefix}}{{y}}{{suffix}}', tooltipPrefix: 'Time: ' }); $('.winddir').sparkline(winddir, { composite: true, type: 'line', lineColor: '#3173B1', fillColor: '#F0F8FF', spotColor: '#00007f', minSpotColor: '#007fff', maxSpotColor: '#ff0000', tooltipClassname: 'spark', tooltipFormat:' {{prefix}}{{y}}{{suffix}}', tooltipPrefix: 'Wind: ', tooltipSuffix: " SE", width: 60, }); }); $(function() { $('.rain').sparkline(raintime, { type: 'line', lineColor: '#F0F8FF', fillColor: '#F0F8FF', spotColor: '#F0F8FF', minSpotColor: '#F0F8FF', maxSpotColor: '#F0F8FF', numberFormatter: function(y) {return (('0000'+(y.toFixed(2))).slice (-5));}, width: 60, tooltipClassname: 'spark', tooltipPrefix: 'Time: ', tooltipFormat:' {{prefix}}{{y}}{{suffix}}', tooltipChartTitle: 'Rainfall Today.' }); $('.rain').sparkline(rain, { composite: true, type: 'line', lineColor: '#3173B1', fillColor: '#F0F8FF', spotColor: '#00007f', minSpotColor: '#007fff', maxSpotColor: '#ff0000', tooltipClassname: 'spark', tooltipFormat:'{{prefix}}{{y}}{{suffix}}', tooltipPrefix: 'Rain: ', tooltipSuffix: " mm", width: 60 }); }); $(function() { $('.baro').sparkline(barotime, { type: 'line', lineColor: '#F0F8FF', fillColor: '#F0F8FF', spotColor: '#F0F8FF', minSpotColor: '#F0F8FF', maxSpotColor: '#F0F8FF', numberFormatter: function(y) {return (('0000'+(y.toFixed(2))).slice (-5));}, width: 60, tooltipClassname: 'spark', tooltipChartTitle: 'Barometer Today.', tooltipFormat:' {{prefix}}{{y}}{{suffix}}', tooltipPrefix: 'Time: ' }); $('.baro').sparkline(baro, { composite: true, type: 'line', lineColor: '#3173B1', fillColor: '#F0F8FF', spotColor: '#00007f', minSpotColor: '#007fff', maxSpotColor: '#ff0000', numberDigitGroupCount: 6, tooltipClassname: 'spark', tooltipFormat:'{{prefix}}{{y}}{{suffix}}', tooltipPrefix: 'Baro: ', tooltipSuffix: " hPa", width: 60 }); });