var temp = [11,10.8,10.6,10.5,10.6,10.6,10.7,10.8,10.9,11,11.4,12.1,12.8];
var temptime = ['01.30','02.00','02.30','03.00','03.30','04.00','04.30','05.00','05.30','06.00','06.30','07.00','07.30'];
var rain = [0.2,0.2,0.2,0.2,0.5,0.5,0.5,0.5,0.7,0.7,0.7,0.7,13.2];
var raintime = ['01.30','02.00','02.30','03.00','03.30','04.00','04.30','05.00','05.30','06.00','06.30','07.00','07.30'];
var wind = [5,5,5,5,5,5,5,5,5,5,5,5,5];
var windtime = ['05.30','05.40','05.50','06.00','06.10','06.20','06.30','06.40','06.50','07.00','07.10','07.20','07.30'];
var solar = [58,7,0,0,0,0,0,0,0,5,40,65,146];
var solartime = ['19.30','20.30','21.30','22.30','23.30','00.30','01.30','02.30','03.30','04.30','05.30','06.30','07.30'];
var baro = [1010.5,1010.8,1011.6,1012.4,1012.5,1012.7,1013.5,1014.1,1014.3,1014.9,1015.3,1015.7,1016.3];
var barotime = ['19.30','20.30','21.30','22.30','23.30','00.30','01.30','02.30','03.30','04.30','05.30','06.30','07.30'];
$(function() {
$('.windd').sparkline([340,20], {
type: 'pie',
sliceColors: ['#5B7102','#ffffff'],
offset: 247,
chartRangeMin: 0,
chartRangeMax: 360,
borderWidth: 1,
borderColor: '#ffffff',
tooltipClassname: 'spark',
tooltipPrefix:'Bearing: 327',
tooltipSuffix: '°',
tooltipFormat:'{{prefix}}{{y}}{{suffix}}',
tooltipChartTitle: 'Avg. Wind Dir.' + '
' + ' Last 3 hours'
});
});
$(function() {
$('.temp').sparkline(temptime, {
type: 'line',
lineColor: '#5B7102',
fillColor: '#5B7102',
spotColor: '#5B7102',
minSpotColor: '#5B7102',
maxSpotColor: '#5B7102',
numberFormatter: function(y) {return (('0000'+(y.toFixed(2))).slice (-5));},
width: 60,
height:16,
tooltipClassname: 'spark',
tooltipPrefix: 'Time: ',
tooltipFormat:'{{prefix}}{{y}}{{suffix}}',
tooltipChartTitle: 'Temperature Today.'
});
$('.temp').sparkline(temp, {
composite: true,
type: 'line',
lineColor: '#ffffff',
fillColor: '#5B7102',
spotColor: '#ffffff',
minSpotColor: '#55a9fd',
maxSpotColor: '#f23434',
tooltipClassname: 'spark',
tooltipFormat:'{{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'Temp: ',
tooltipSuffix: " °C",
width: 60,
height:16 });
});
$(function() {
$('.wind').sparkline(windtime, {
type: 'line',
lineColor: '#5B7102',
fillColor: '#5B7102',
spotColor: '#5B7102',
minSpotColor: '#5B7102',
maxSpotColor: '#5B7102',
numberFormatter: function(y) {return (('0000'+(y.toFixed(2))).slice (-5));},
width: 60,
height:16,
tooltipClassname: 'spark',
tooltipChartTitle: 'Wind Speed Today.',
tooltipFormat:'{{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'Time: '
});
$('.wind').sparkline(wind, {
composite: true,
type: 'line',
lineColor: '#ffffff',
fillColor: '#5B7102',
spotColor: '#ffffff',
minSpotColor: '#55a9fd',
maxSpotColor: '#f23434',
tooltipClassname: 'spark',
tooltipFormat:'{{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'Wind: ',
tooltipSuffix: " kts",
width: 60,
height:16
});
});
$(function() {
$('.rain').sparkline(raintime, {
type: 'line',
lineColor: '#5B7102',
fillColor: '#5B7102',
spotColor: '#5B7102',
minSpotColor: '#5B7102',
maxSpotColor: '#5B7102',
numberFormatter: function(y) {return (('0000'+(y.toFixed(2))).slice (-5));},
width: 60,
height:16,
tooltipClassname: 'spark',
tooltipPrefix: 'Time: ',
tooltipFormat:'{{prefix}}{{y}}{{suffix}}',
tooltipChartTitle: 'Rainfall Today.'
});
$('.rain').sparkline(rain, {
composite: true,
type: 'line',
lineColor: '#ffffff',
fillColor: '#5B7102',
spotColor: '#ffffff',
minSpotColor: '#55a9fd',
maxSpotColor: '#f23434',
tooltipClassname: 'spark',
tooltipFormat:'{{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'Rain: ',
tooltipSuffix: " mm",
width: 60,
height:16
});
});
$(function() {
$('.solar').sparkline(solartime, {
type: 'line',
lineColor: '#5B7102',
fillColor: '#5B7102',
spotColor: '#5B7102',
minSpotColor: '#5B7102',
maxSpotColor: '#5B7102',
numberFormatter: function(y) {return (('0000'+(y.toFixed(2))).slice (-5));},
width: 60,
height:16,
tooltipClassname: 'spark',
tooltipChartTitle: 'Solar Today.',
tooltipFormat:'{{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'Time: '
});
$('.solar').sparkline(solar, {
composite: true,
type: 'line',
lineColor: '#ffffff',
fillColor: '#5B7102',
spotColor: '#ffffff',
minSpotColor: '#55a9fd',
maxSpotColor: '#f23434',
tooltipClassname: 'spark',
tooltipFormat:'{{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'Sun: ',
tooltipSuffix: " w/m²",
width: 60,
height:16 });
});
$(function() {
$('.baro').sparkline(barotime, {
type: 'line',
lineColor: '#5B7102',
fillColor: '#5B7102',
spotColor: '#5B7102',
minSpotColor: '#5B7102',
maxSpotColor: '#5B7102',
numberFormatter: function(y) {return (('0000'+(y.toFixed(2))).slice (-5));},
width: 60,
height:16,
tooltipClassname: 'spark',
tooltipChartTitle: 'Barometer Today.',
tooltipFormat:'{{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'Time: '
});
$('.baro').sparkline(baro, {
composite: true,
type: 'line',
lineColor: '#ffffff',
fillColor: '#5B7102',
spotColor: '#ffffff',
minSpotColor: '#55a9fd',
maxSpotColor: '#f23434',
numberDigitGroupCount: 6,
tooltipClassname: 'spark',
tooltipFormat:'{{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'Baro: ',
tooltipSuffix: " mb",
width: 60,
height:16 });
});