var temp = [5,6,6,8,8,8,9,9,9,10,10,10,11];
var temptime = ['07.26','07.56','08.26','08.56','09.26','09.56','10.26','10.56','11.26','11.56','12.26','12.56','13.25'];
var rain = [0,0,0,0,0,0,0,0,0,0,0,0,0];
var raintime = ['07.26','07.56','08.26','08.56','09.26','09.56','10.26','10.56','11.26','11.56','12.26','12.56','13.25'];
var wind = [22,22,18,17,18,19,20,19,16,18,18,19,21];
var windtime = ['11.26','11.36','11.46','11.56','12.06','12.16','12.26','12.36','12.46','12.56','13.06','13.16','13.25'];
var gust = [35,32,29,31,34,32,31,29,31,31,31,34,31];
var gusttime = ['11.26','11.36','11.46','11.56','12.06','12.16','12.26','12.36','12.46','12.56','13.06','13.16','13.25'];
var winddir = [32,51,34,355,26,355,10,13,28,12,355,360,28];
var winddirtime = ['11.26','11.36','11.46','11.56','12.06','12.16','12.26','12.36','12.46','12.56','13.06','13.16','13.25'];
var baro = [1023,1023,1023,1023,1023,1023,1023,1023,1023,1023,1023,1023,1023];
var barotime = ['11.26','11.36','11.46','11.56','12.06','12.16','12.26','12.36','12.46','12.56','13.06','13.16','13.25'];
var chill = [4,4,5,6,6,6,7,6,6,10,10,10,11];
var chilltime = ['07.26','07.56','08.26','08.56','09.26','09.56','10.26','10.56','11.26','11.56','12.26','12.56','13.25'];
var rain = [0,0,0,0,0,0,0,0,0,0,0,0,0];
var raintime = ['07.26','07.56','08.26','08.56','09.26','09.56','10.26','10.56','11.26','11.56','12.26','12.56','13.25'];
var dew = [4,5,0,6,5,4,4,3,2,3,3,4,3];
var dewtime = ['07.26','07.56','08.26','08.56','09.26','09.56','10.26','10.56','11.26','11.56','12.26','12.56','13.25'];
var heat = [5,6,7,8,8,8,9,9,9,10,10,10,11];
var heattime = ['07.26','07.56','08.26','08.56','09.26','09.56','10.26','10.56','11.26','11.56','12.26','12.56','13.25'];
var hum = [94,94,92,87,82,76,71,66,62,61,62,63,59];
var humtime = ['07.26','07.56','08.26','08.56','09.26','09.56','10.26','10.56','11.26','11.56','12.26','12.56','13.25'];
$(function() {
$('.windd').sparkline([340,20], {
type: 'pie',
sliceColors: ['#F0F8FF','#3173B1'],
offset: 312,
chartRangeMin: 0,
chartRangeMax: 360,
borderWidth: 1,
borderColor: '#3173B1',
tooltipClassname: 'spark',
tooltipPrefix:'Bearing: 032',
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: " NNE",
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
});
});