Ero sivun ”Widget:Temperature graph” versioiden välillä
Järvi-meriwikistä
| (8 välissä olevaa versiota samalta käyttäjältä ei näytetä) | |||
| Rivi 5: | Rivi 5: | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
| − | + | function <!--{$id|default:drawTemperatureChart|escape:'html'}-->_jQueryTest() { | |
| − | + | if ( typeof window.jQuery == 'undefined' ) { | |
| + | setTimeout( function(){ <!--{$id|default:drawTemperatureChart|escape:'html'}-->_jQueryTest() }, 300); | ||
| + | } else { | ||
| + | google.charts.load( 'current', { 'packages':[ 'corechart' ], 'language': 'fi' } ); | ||
| + | google.charts.setOnLoadCallback(<!--{$id|default:drawTemperatureChart|escape:'html'}-->_func); | ||
| − | + | ||
| + | } | ||
| + | } | ||
| + | setTimeout( function(){ <!--{$id|default:drawTemperatureChart|escape:'html'}-->_jQueryTest() }, 300); | ||
| + | |||
| + | function <!--{$id|default:drawTemperatureChart|escape:'html'}-->_func() { | ||
var siteName = '<!--{$page|escape:'urlpathinfo'}-->'; | var siteName = '<!--{$page|escape:'urlpathinfo'}-->'; | ||
| Rivi 18: | Rivi 27: | ||
searchStr += encodeURI('[[Pintaveden lämpötila::>-10]]'); | searchStr += encodeURI('[[Pintaveden lämpötila::>-10]]'); | ||
| − | searchStr += encodeURI('|?Päivämäärä|?Pintaveden lämpötila|?Tiedosto|?Lisätiedot|sort=Päivämäärä|limit= | + | searchStr += encodeURI('|?Päivämäärä|?Pintaveden lämpötila|?Tiedosto|?Lisätiedot|sort=Päivämäärä|limit=2000'); |
searchStr += '&format=json'; | searchStr += '&format=json'; | ||
jQuery.ajax({ | jQuery.ajax({ | ||
| Rivi 25: | Rivi 34: | ||
data: searchStr, | data: searchStr, | ||
success: success, | success: success, | ||
| + | cache: true, | ||
dataType: 'jsonp' | dataType: 'jsonp' | ||
}); | }); | ||
| Rivi 60: | Rivi 70: | ||
if (resultItem.Lisätiedot[0] != undefined) { freeTxt = resultItem.Lisätiedot[0]; } | if (resultItem.Lisätiedot[0] != undefined) { freeTxt = resultItem.Lisätiedot[0]; } | ||
else { freeText = ''; } | else { freeText = ''; } | ||
| − | obsDate = new Date(toDateFromSecsSince1970(resultItem.Päivämäärä[0])); | + | obsDate = new Date(toDateFromSecsSince1970(resultItem.Päivämäärä[0].timestamp)); |
if (obsDate.getFullYear() < firstYear) { firstYear = obsDate.getFullYear(); } | if (obsDate.getFullYear() < firstYear) { firstYear = obsDate.getFullYear(); } | ||
if (obsDate.getFullYear() > lastYear) { lastYear = obsDate.getFullYear(); } | if (obsDate.getFullYear() > lastYear) { lastYear = obsDate.getFullYear(); } | ||
| Rivi 142: | Rivi 152: | ||
xi++; | xi++; | ||
resultItem = request.query.results[i].printouts; | resultItem = request.query.results[i].printouts; | ||
| − | dataRow = new Array(); | + | dataRow = new Array(); |
val = resultItem['Pintaveden lämpötila'][0].value; | val = resultItem['Pintaveden lämpötila'][0].value; | ||
| − | obsDate = new Date(toDateFromSecsSince1970(resultItem.Päivämäärä[0])); | + | obsDate = new Date(toDateFromSecsSince1970(resultItem.Päivämäärä[0].timestamp)); |
dataRow[0] = obsDate.getDayOfYear(); | dataRow[0] = obsDate.getDayOfYear(); | ||
| − | tooltip = '<div style="padding: 8px;">' + obsDate.toLocaleDateString() + ': ' + val + ' °C'; | + | tooltip = '<div style="padding: 8px; white-space: nowrap;">' + obsDate.toLocaleDateString() + ': ' + val + ' °C'; |
if (imagesArr[i]) { | if (imagesArr[i]) { | ||
tooltip += '<br />' + '<div class="tempTooltipDiv" id="tempTooltipDiv_' + i + '" style="width: 144px; height: 144px;"><img class="tempTooltipImg" id="tempTooltipImg_' + i + '" style="max-width: 144px; max-height: 144px;" src="' + imagesArr[i] + '" /></div>'; | tooltip += '<br />' + '<div class="tempTooltipDiv" id="tempTooltipDiv_' + i + '" style="width: 144px; height: 144px;"><img class="tempTooltipImg" id="tempTooltipImg_' + i + '" style="max-width: 144px; max-height: 144px;" src="' + imagesArr[i] + '" /></div>'; | ||
