var temp = [21,21,18,21,21,20,20,19,19,19,19,18,18];
var temptime = ['18.21','18.51','19.21','19.51','20.21','20.51','21.21','21.51','22.21','22.51','23.21','23.51','00.20'];
var rain = [11,11,11,0,11,11,11,11,11,11,11,11,0];
var raintime = ['18.21','18.51','19.21','19.51','20.21','20.51','21.21','21.51','22.21','22.51','23.21','23.51','00.20'];
var wind = [2,2,2,2,6,6,4,3,4,4,3,3,4];
var windtime = ['22.21','22.31','22.41','22.51','23.01','23.11','23.21','23.31','23.41','23.51','00.01','00.11','00.20'];
var gust = [8,8,8,13,13,10,10,8,13,10,8,10,10];
var gusttime = ['22.21','22.31','22.41','22.51','23.01','23.11','23.21','23.31','23.41','23.51','00.01','00.11','00.20'];
var winddir = [213,213,0,222,219,254,261,283,266,0,246,244,0];
var winddirtime = ['22.21','22.31','22.41','22.51','23.01','23.11','23.21','23.31','23.41','23.51','00.01','00.11','00.20'];
var baro = [1009,1009,1009,1009,1009,1009,1010,1009,1010,1010,1010,1010,1010];
var barotime = ['22.21','22.31','22.41','22.51','23.01','23.11','23.21','23.31','23.41','23.51','00.01','00.11','00.20'];
var chill = [21,21,22,21,21,20,20,19,19,19,19,18,18];
var chilltime = ['18.21','18.51','19.21','19.51','20.21','20.51','21.21','21.51','22.21','22.51','23.21','23.51','00.20'];
var rain = [11,11,11,0,11,11,11,11,11,11,11,11,0];
var raintime = ['18.21','18.51','19.21','19.51','20.21','20.51','21.21','21.51','22.21','22.51','23.21','23.51','00.20'];
var dew = [18,18,0,18,18,17,17,17,17,17,17,16,15];
var dewtime = ['18.21','18.51','19.21','19.51','20.21','20.51','21.21','21.51','22.21','22.51','23.21','23.51','00.20'];
var heat = [21,21,22,21,21,20,20,19,19,19,19,18,18];
var heattime = ['18.21','18.51','19.21','19.51','20.21','20.51','21.21','21.51','22.21','22.51','23.21','23.51','00.20'];
var hum = [79,81,77,80,83,84,85,86,88,88,88,86,87];
var humtime = ['18.21','18.51','19.21','19.51','20.21','20.51','21.21','21.51','22.21','22.51','23.21','23.51','00.20'];
$(function() {
$('.windd').sparkline([340,20], {
type: 'pie',
sliceColors: ['#F0F8FF','#3173B1'],
offset: 152,
chartRangeMin: 0,
chartRangeMax: 360,
borderWidth: 1,
borderColor: '#3173B1',
tooltipClassname: 'spark',
tooltipPrefix:'Bearing: 232',
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: " -",
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
});
});