var temp = [0,0,0,0,0,0,0,0,0,0,0,0,0];
var temptime = ['','','','','','','','','','','','',''];
var rain = [0,0,0,0,0,0,0,0,0,0,0,0,0];
var raintime = ['','','','','','','','','','','','',''];
var wind = [0,0,0,0,0,0,0,0,0,0,0,0,0];
var windtime = ['','','','','','','','','','','','',''];
var gust = [0,0,0,0,0,0,0,0,0,0,0,0,0];
var gusttime = ['','','','','','','','','','','','',''];
var winddir = [0,0,0,0,0,0,0,0,0,0,0,0,0];
var winddirtime = ['','','','','','','','','','','','',''];
var baro = [0,0,0,0,0,0,0,0,0,0,0,0,0];
var barotime = ['','','','','','','','','','','','',''];
var chill = [0,0,0,0,0,0,0,0,0,0,0,0,0];
var chilltime = ['','','','','','','','','','','','',''];
var rain = [0,0,0,0,0,0,0,0,0,0,0,0,0];
var raintime = ['','','','','','','','','','','','',''];
var dew = [0,0,0,0,0,0,0,0,0,0,0,0,0];
var dewtime = ['','','','','','','','','','','','',''];
var heat = [0,0,0,0,0,0,0,0,0,0,0,0,0];
var heattime = ['','','','','','','','','','','','',''];
var hum = [0,0,0,0,0,0,0,0,0,0,0,0,0];
var humtime = ['','','','','','','','','','','','',''];
$(function() {
$('.windd').sparkline([340,20], {
type: 'pie',
sliceColors: ['#CEECF5','#3173B1'],
offset: 280,
chartRangeMin: 0,
chartRangeMax: 360,
borderWidth: 1,
borderColor: '#3173B1',
tooltipClassname: 'spark',
tooltipPrefix:'Bearing: 000',
tooltipSuffix: '°',
tooltipFormat:'{{prefix}}{{y}}{{suffix}}',
tooltipChartTitle: 'Avg. Wind Dir.' + '
' + ' Last 3 hours'
});
});
$(function() {
$('.temp').sparkline(temptime, {
type: 'line',
lineColor: '#CEECF5',
fillColor: '#CEECF5',
spotColor: '#CEECF5',
minSpotColor: '#CEECF5',
maxSpotColor: '#CEECF5',
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: '#CEECF5',
spotColor: '#00007f',
minSpotColor: '#007fff',
maxSpotColor: '#ff0000',
tooltipClassname: 'spark',
tooltipFormat:'{{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'temp: ',
tooltipSuffix: " ",
width: 60
});
});
$(function() {
$('.heat').sparkline(heattime, {
type: 'line',
lineColor: '#CEECF5',
fillColor: '#CEECF5',
spotColor: '#CEECF5',
minSpotColor: '#CEECF5',
maxSpotColor: '#CEECF5',
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: '#CEECF5',
spotColor: '#00007f',
minSpotColor: '#007fff',
maxSpotColor: '#ff0000',
tooltipClassname: 'spark',
tooltipFormat:'{{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'heat: ',
tooltipSuffix: " ",
width: 60
});
});
$(function() {
$('.hum').sparkline(humtime, {
type: 'line',
lineColor: '#CEECF5',
fillColor: '#CEECF5',
spotColor: '#CEECF5',
minSpotColor: '#CEECF5',
maxSpotColor: '#CEECF5',
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: '#CEECF5',
spotColor: '#00007f',
minSpotColor: '#007fff',
maxSpotColor: '#ff0000',
tooltipClassname: 'spark',
tooltipFormat:'{{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'hum: ',
tooltipSuffix: '%',
width: 60
});
});
$(function() {
$('.dew').sparkline(dewtime, {
type: 'line',
lineColor: '#CEECF5',
fillColor: '#CEECF5',
spotColor: '#CEECF5',
minSpotColor: '#CEECF5',
maxSpotColor: '#CEECF5',
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: '#CEECF5',
spotColor: '#00007f',
minSpotColor: '#007fff',
maxSpotColor: '#ff0000',
tooltipClassname: 'spark',
tooltipFormat:'{{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'dew: ',
tooltipSuffix: " ",
width: 60
});
});
$(function() {
$('.chill').sparkline(chilltime, {
type: 'line',
lineColor: '#CEECF5',
fillColor: '#CEECF5',
spotColor: '#CEECF5',
minSpotColor: '#CEECF5',
maxSpotColor: '#CEECF5',
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: '#CEECF5',
spotColor: '#00007f',
minSpotColor: '#007fff',
maxSpotColor: '#ff0000',
tooltipClassname: 'spark',
tooltipFormat:'{{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'Chill: ',
tooltipSuffix: " ",
width: 60
});
});
$(function() {
$('.wind').sparkline(windtime, {
type: 'line',
lineColor: '#CEECF5',
fillColor: '#CEECF5',
spotColor: '#CEECF5',
minSpotColor: '#CEECF5',
maxSpotColor: '#CEECF5',
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: '#CEECF5',
spotColor: '#00007f',
minSpotColor: '#007fff',
maxSpotColor: '#ff0000',
tooltipClassname: 'spark',
tooltipFormat:' {{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'Wind: ',
tooltipSuffix: " ",
width: 60,
});
});
$(function() {
$('.gust').sparkline(gusttime, {
type: 'line',
lineColor: '#CEECF5',
fillColor: '#CEECF5',
spotColor: '#CEECF5',
minSpotColor: '#CEECF5',
maxSpotColor: '#CEECF5',
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: '#CEECF5',
spotColor: '#00007f',
minSpotColor: '#007fff',
maxSpotColor: '#ff0000',
tooltipClassname: 'spark',
tooltipFormat:' {{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'Gust: ',
tooltipSuffix: " ",
width: 60,
});
});
$(function() {
$('.winddir').sparkline(winddirtime, {
type: 'line',
lineColor: '#CEECF5',
fillColor: '#CEECF5',
spotColor: '#CEECF5',
minSpotColor: '#CEECF5',
maxSpotColor: '#CEECF5',
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: '#CEECF5',
spotColor: '#00007f',
minSpotColor: '#007fff',
maxSpotColor: '#ff0000',
tooltipClassname: 'spark',
tooltipFormat:' {{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'Wind: ',
tooltipSuffix: " ",
width: 60,
});
});
$(function() {
$('.rain').sparkline(raintime, {
type: 'line',
lineColor: '#CEECF5',
fillColor: '#CEECF5',
spotColor: '#CEECF5',
minSpotColor: '#CEECF5',
maxSpotColor: '#CEECF5',
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: '#CEECF5',
spotColor: '#00007f',
minSpotColor: '#007fff',
maxSpotColor: '#ff0000',
tooltipClassname: 'spark',
tooltipFormat:'{{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'Rain: ',
tooltipSuffix: " ",
width: 60
});
});
$(function() {
$('.solar').sparkline(solartime, {
type: 'line',
lineColor: '#CEECF5',
fillColor: '#CEECF5',
spotColor: '#CEECF5',
minSpotColor: '#CEECF5',
maxSpotColor: '#CEECF5',
numberFormatter: function(y) {return (('0000'+(y.toFixed(2))).slice (-5));},
width: ,
height:,
tooltipClassname: 'spark',
tooltipChartTitle: 'Solar Today.',
tooltipFormat:' {{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'Time: '
});
$('.solar').sparkline(solar, {
composite: true,
type: 'line',
lineColor: '#3173B1',
fillColor: '#CEECF5',
spotColor: '#00007f',
minSpotColor: '#007fff',
maxSpotColor: '#ff0000',
tooltipClassname: 'spark',
tooltipFormat:'{{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'Sun: ',
tooltipSuffix: " w/m²",
width: ,
height: });
});
$(function() {
$('.baro').sparkline(barotime, {
type: 'line',
lineColor: '#CEECF5',
fillColor: '#CEECF5',
spotColor: '#CEECF5',
minSpotColor: '#CEECF5',
maxSpotColor: '#CEECF5',
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: '#CEECF5',
spotColor: '#00007f',
minSpotColor: '#007fff',
maxSpotColor: '#ff0000',
numberDigitGroupCount: 6,
tooltipClassname: 'spark',
tooltipFormat:'{{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'Baro: ',
tooltipSuffix: " ",
width: 60
});
});