var temp = [12,12,13,13,13,13,14,14,14,13,13,14,14];
var temptime = ['04.05','04.35','05.05','05.35','06.05','06.35','07.05','07.35','08.05','08.35','09.05','09.35','10.05'];
var rain = [0,0,0,0,0,0,0,0,0,0,0,0,0];
var raintime = ['04.05','04.35','05.05','05.35','06.05','06.35','07.05','07.35','08.05','08.35','09.05','09.35','10.05'];
var wind = [0,0,0,0,2,1,2,1,0,0,0,1,2];
var windtime = ['08.05','08.15','08.25','08.35','08.45','08.55','09.05','09.15','09.25','09.35','09.45','09.55','10.05'];
var solar = [0,0,0,0,0,0,0,0,0,0,0,37,313];
var solartime = ['22.05','23.05','00.05','01.05','02.05','03.05','04.05','05.05','06.05','07.05','08.05','09.05','10.05'];
var baro = [1019,1019.3,1019.4,1019.2,1019,1018.8,1018.4,1018.4,1018.1,1018.1,1018.2,1018.5,1018.6];
var barotime = ['22.05','23.05','00.05','01.05','02.05','03.05','04.05','05.05','06.05','07.05','08.05','09.05','10.05'];
$(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: 'Dir.Moy.du vent.' + '
' + ' Sur 3h'
});
});
$(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: 80,
height:20,
tooltipClassname: 'spark',
tooltipPrefix: 'Heure: ',
tooltipFormat:' {{prefix}}{{y}}{{suffix}}',
tooltipChartTitle: 'Temperature du jour.'
});
$('.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: " °C",
width: 80,
height:20 });
});
$(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: 80,
height:20,
tooltipClassname: 'spark',
tooltipChartTitle: 'Vitesse du vent.',
tooltipFormat:' {{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'Heure: '
});
$('.wind').sparkline(wind, {
composite: true,
type: 'line',
lineColor: '#3173B1',
fillColor: '#CEECF5',
spotColor: '#00007f',
minSpotColor: '#007fff',
maxSpotColor: '#ff0000',
tooltipClassname: 'spark',
tooltipFormat:' {{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'Vent: ',
tooltipSuffix: " km/h",
width: 80,
height:20
});
});
$(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: 80,
height:20,
tooltipClassname: 'spark',
tooltipPrefix: 'Heure: ',
tooltipFormat:' {{prefix}}{{y}}{{suffix}}',
tooltipChartTitle: 'Pluie du jour.'
});
$('.rain').sparkline(rain, {
composite: true,
type: 'line',
lineColor: '#3173B1',
fillColor: '#CEECF5',
spotColor: '#00007f',
minSpotColor: '#007fff',
maxSpotColor: '#ff0000',
tooltipClassname: 'spark',
tooltipFormat:'{{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'Pluie: ',
tooltipSuffix: " mm",
width: 80,
height:20
});
});
$(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: 80,
height:20,
tooltipClassname: 'spark',
tooltipChartTitle: 'Solaire du jour.',
tooltipFormat:' {{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'Heure: '
});
$('.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: 80,
height:20 });
});
$(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: 80,
height:20,
tooltipClassname: 'spark',
tooltipChartTitle: 'Pression du jour.',
tooltipFormat:' {{prefix}}{{y}}{{suffix}}',
tooltipPrefix: 'Heure: '
});
$('.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: " hPa",
width: 80,
height:20 });
});