var temp = [17,16,16,16,16,16,16,16,16,16,16,16,15]; var temptime = ['21.35','22.05','22.35','23.05','23.35','00.05','00.35','01.05','01.35','02.05','02.35','03.05','03.35']; var rain = [20,21,21,0,21,0,0,0,0,0,0,0,0]; var raintime = ['21.36','22.06','22.36','23.06','23.36','00.06','00.36','01.06','01.36','02.06','02.36','03.06','03.35']; var wind = [1,1,1,0,2,2,0,2,2,2,2,2,2]; var windtime = ['01.36','01.46','01.56','02.06','02.16','02.26','02.36','02.46','02.56','03.06','03.16','03.26','03.35']; var solar = [97,244,98,102,5,0,0,0,0,0,0,0,0]; var solartime = ['15.36','16.36','17.36','18.36','19.36','20.36','21.36','22.36','23.36','00.36','01.36','02.36','03.35']; var baro = [1018,1018,1018,1018,1018,1018,1017,1017,1017,1017,1017,1017,1017]; var barotime = ['01.36','01.46','01.56','02.06','02.16','02.26','02.36','02.46','02.56','03.06','03.16','03.26','03.35']; $(function() { $('.windd').sparkline([340,20], { type: 'pie', sliceColors: ['#8EA2C6','#ffffff'], offset: 280, chartRangeMin: 0, chartRangeMax: 360, borderWidth: 1, borderColor: '#ffffff', tooltipClassname: 'spark', tooltipPrefix:'Bearing: 000', tooltipSuffix: '°', tooltipFormat:'{{prefix}}{{y}}{{suffix}}', tooltipChartTitle: 'Avg. Wind Dir.' + '
' + ' Last 3 hours' }); }); $(function() { $('.temp').sparkline(temptime, { type: 'line', lineColor: '#8EA2C6', fillColor: '#8EA2C6', spotColor: '#8EA2C6', minSpotColor: '#8EA2C6', maxSpotColor: '#8EA2C6', numberFormatter: function(y) {return (('0000'+(y.toFixed(2))).slice (-5));}, width: 90, height:16, tooltipClassname: 'spark', tooltipPrefix: 'Heure: ', tooltipFormat:' {{prefix}}{{y}}{{suffix}}', tooltipChartTitle: 'Temperature .' }); $('.temp').sparkline(temp, { composite: true, type: 'line', lineColor: '#ffffff', fillColor: '#8EA2C6', spotColor: '#00007f', minSpotColor: '#007fff', maxSpotColor: '#ff0000', tooltipClassname: 'spark', tooltipFormat:'{{prefix}}{{y}}{{suffix}}', tooltipPrefix: 'Temp: ', tooltipSuffix: " °C", width: 90, height:16 }); }); $(function() { $('.wind').sparkline(windtime, { type: 'line', lineColor: '#8EA2C6', fillColor: '#8EA2C6', spotColor: '#8EA2C6', minSpotColor: '#8EA2C6', maxSpotColor: '#8EA2C6', numberFormatter: function(y) {return (('0000'+(y.toFixed(2))).slice (-5));}, width: 90, height:16, tooltipClassname: 'spark', tooltipChartTitle: 'Vent.', tooltipFormat:' {{prefix}}{{y}}{{suffix}}', tooltipPrefix: 'Heure: ' }); $('.wind').sparkline(wind, { composite: true, type: 'line', lineColor: '#ffffff', fillColor: '#8EA2C6', spotColor: '#00007f', minSpotColor: '#007fff', maxSpotColor: '#ff0000', tooltipClassname: 'spark', tooltipFormat:' {{prefix}}{{y}}{{suffix}}', tooltipPrefix: 'Vitesse: ', tooltipSuffix: " km/h", width: 90, height:16 }); }); $(function() { $('.rain').sparkline(raintime, { type: 'line', lineColor: '#8EA2C6', fillColor: '#8EA2C6', spotColor: '#8EA2C6', minSpotColor: '#8EA2C6', maxSpotColor: '#8EA2C6', numberFormatter: function(y) {return (('0000'+(y.toFixed(2))).slice (-5));}, width: 90, height:16, tooltipClassname: 'spark', tooltipPrefix: 'Heure: ', tooltipFormat:' {{prefix}}{{y}}{{suffix}}', tooltipChartTitle: 'Pluie.' }); $('.rain').sparkline(rain, { composite: true, type: 'line', lineColor: '#ffffff', fillColor: '#8EA2C6', spotColor: '#00007f', minSpotColor: '#007fff', maxSpotColor: '#ff0000', tooltipClassname: 'spark', tooltipFormat:'{{prefix}}{{y}}{{suffix}}', tooltipPrefix: 'Pluie: ', tooltipSuffix: " mm", width: 90, height:16 }); }); $(function() { $('.solar').sparkline(solartime, { type: 'line', lineColor: '#8EA2C6', fillColor: '#8EA2C6', spotColor: '#8EA2C6', minSpotColor: '#8EA2C6', maxSpotColor: '#8EA2C6', numberFormatter: function(y) {return (('0000'+(y.toFixed(2))).slice (-5));}, width: 90, height:16, tooltipClassname: 'spark', tooltipChartTitle: 'Solaire.', tooltipFormat:' {{prefix}}{{y}}{{suffix}}', tooltipPrefix: 'Heure: ' }); $('.solar').sparkline(solar, { composite: true, type: 'line', lineColor: '#ffffff', fillColor: '#8EA2C6', spotColor: '#00007f', minSpotColor: '#007fff', maxSpotColor: '#ff0000', tooltipClassname: 'spark', tooltipFormat:'{{prefix}}{{y}}{{suffix}}', tooltipPrefix: 'Solaire: ', tooltipSuffix: " w/m²", width: 90, height:16 }); }); $(function() { $('.baro').sparkline(barotime, { type: 'line', lineColor: '#8EA2C6', fillColor: '#8EA2C6', spotColor: '#8EA2C6', minSpotColor: '#8EA2C6', maxSpotColor: '#8EA2C6', numberFormatter: function(y) {return (('0000'+(y.toFixed(2))).slice (-5));}, width: 90, height:16, tooltipClassname: 'spark', tooltipChartTitle: 'Pression.', tooltipFormat:' {{prefix}}{{y}}{{suffix}}', tooltipPrefix: 'Heure: ' }); $('.baro').sparkline(baro, { composite: true, type: 'line', lineColor: '#ffffff', fillColor: '#8EA2C6', spotColor: '#00007f', minSpotColor: '#007fff', maxSpotColor: '#ff0000', numberDigitGroupCount: 6, tooltipClassname: 'spark', tooltipFormat:'{{prefix}}{{y}}{{suffix}}', tooltipPrefix: 'Pression: ', tooltipSuffix: " hPa", width: 90, height:16 }); });