var temp = [14.4,14.2,14.3,15.8,18.8,20.1,23.1,24.3,24.6,25.4,26,26.7,27.3];
var temptime = ['04.21','04.51','05.21','05.51','06.21','06.51','07.21','07.51','08.21','08.51','09.21','09.51','10.20'];
var rain = [0,0,0,0,0,0,0,0,0,0,0,0,0];
var raintime = ['04.21','04.51','05.21','05.51','06.21','06.51','07.21','07.51','08.21','08.51','09.21','09.51','10.20'];
var wind = [12,12,12,12,12,12,12,12,12,12,12,12,12];
var windtime = ['08.21','08.31','08.41','08.51','09.01','09.11','09.21','09.31','09.41','09.51','10.01','10.11','10.20'];
var solar = [0,0,0,0,0,0,0,19,105,237,367,496,608];
var solartime = ['22.21','23.21','00.21','01.21','02.21','03.21','04.21','05.21','06.21','07.21','08.21','09.21','10.20'];
var baro = [1017.6,1017.6,1017.8,1017.8,1017.8,1017.6,1017.8,1017.8,1017.8,1018.1,1018.1,1018,1017.6];
var barotime = ['22.21','23.21','00.21','01.21','02.21','03.21','04.21','05.21','06.21','07.21','08.21','09.21','10.20'];
$(function() {
$('.windd').sparkline([340,20], {
type: 'pie',
sliceColors: ['#5B7102','#ffffff'],
offset: 83,
chartRangeMin: 0,
chartRangeMax: 360,
borderWidth: 1,
borderColor: '#ffffff',
tooltipClassname: 'spark',
tooltipPrefix:'Bearing: 163',
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 });
});