Ero sivun ”Widget:JwObsCharts3” versioiden välillä

Järvi-meriwikistä
Loikkaa:valikkoon, hakuun
 
(4 välissä olevaa versiota samalta käyttäjältä ei näytetä)
Rivi 645: Rivi 645:
 
addDataToDateOfYearChart( memo );
 
addDataToDateOfYearChart( memo );
  
−
} else if (memo.graphType == 'current') {
+
}  
−
 
 
−
addDataToCurrentChart( memo );
 
−
 
 
−
}
 
−
 
 
−
}
 
−
 
 
−
function addDataToCurrentChart( memo ) {
 
−
 
 
−
// sort according to obs date
 
−
memo.obsesA.sort( function( a, b ) { return b.obsdatetime - a.obsdatetime; });
 
−
 
−
if ( typeof memo.info != 'undefined' ) {
 
−
addToTitle = '&nbsp;<button style="padding: 0 0.25em; font-size: 13px; margin-bottom: 3px;" type="button" class="btn btn-secondary btn-info" data-toggle="tooltip" data-placement="top" title="' + memo.info + '"><span class="fontawesome">&#xf05a;</span></button>';
 
−
} else {
 
−
addToTitle = '';
 
−
}
 
−
 
 
−
if ( memo.obscode == 'avglevelsw' ) {
 
−
console.log( memo.obsesA );
 
−
}
 
−
 
 
−
 
 
−
if ( memo.obscode == 'level' ) {
 
−
console.log( memo.obsesA );
 
−
// make week averages
 
−
memo.avgW = {};
 
−
for (var o in memo.obsesA) {
 
−
 
 
−
mwDate = new Date( memo.obsesA[o].compareDate.getFullYear(), memo.obsesA[o].compareDate.getMonth(), memo.obsesA[o].compareDate.getDate() );
 
−
y = mwDate.getFullYear();
 
−
w = mwDate.getWeek();
 
−
v = memo.obsesA[o].value;
 
−
if ( typeof memo.avgW[y] == 'undefined' ) { memo.avgW[y] = {}; }
 
−
if ( typeof memo.avgW[y][w] == 'undefined' ) { 
 
−
mwDate.setDate( mwDate.getDate() - mwDate.getDay() + 3 )
 
−
memo.avgW[y][w] = { cDate: mwDate, values: [ v ], sum: v, count: 1, avg: v };
 
−
} else {
 
−
memo.avgW[y][w].values.push( v );
 
−
memo.avgW[y][w].sum += v;
 
−
memo.avgW[y][w].count++;
 
−
memo.avgW[y][w].avg = memo.avgW[y][w].sum / memo.avgW[y][w].count;
 
−
}
 
−
}
 
−
 
 
−
obs = memo.obsesA[0];
 
−
for (var r in memo.refs) {
 
−
ref = memo.refs[r];
 
−
break;
 
−
}
 
−
 
−
refdata = JSON.parse( ref.printouts.DataJSON );
 
−
refn = refdata.val/100;
 
−
 
 
−
diff = obs.value - refn;
 
−
diff = Math.round( diff*100 );
 
−
diffStr = diff.toString() + ' cm';
 
−
if ( diff > 0 ) { diffStr = '+' + diffStr; }
 
−
 
−
var levelsvg = '<?xml version="1.0" encoding="utf-8"?><svg  role="img" aria-label="XXX" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 99.6;" xml:space="preserve"><style type="text/css">.st0{fill:#ccc;} .st1{fill:#0076B0;}</style>';
 
−
 
−
var levelclass = 'st0';
 
−
if ( diff > 20 ) { levelclass = "st1"; }
 
−
levelsvg += '<path class="' + levelclass + '" d="M46.8,1.2c1.9-1.5,4.5-1.5,6.4,0c3.9,3,8.7,5.1,13.5,5.1c4.7,0,9.6-2.1,13.4-5.1l0,0c2.1-1.7,4.9-1.5,6.8,0.3c2.5,2.3,5.6,4.1,8.8,4.9c3,0.8,4.8,4.1,4.2,7.5s-3.7,5.4-6.7,4.7c-4.3-1.1-7.8-3.2-10.1-4.9c-5,3-10.7,5.1-16.4,5.1c-5.5,0-10.5-1.9-14-3.7c-1-0.5-1.9-1-2.7-1.5c-0.8,0.5-1.7,1-2.7,1.5c-3.4,1.8-8.4,3.7-14,3.7c-5.7,0-11.4-2-16.4-5c-2.3,1.6-5.9,3.8-10.1,4.9c-3,0.8-6-1.3-6.7-4.7s1.2-6.7,4.2-7.5c3.1-0.8,6.3-2.6,8.8-4.9c1.9-1.9,4.7-2,6.8-0.3l0,0c3.9,3,8.8,5.1,13.5,5.1C38.1,6.3,42.9,4.2,46.8,1.2z"/>';
 
−
 
 
−
if ( diff > 10 ) { levelclass = "st1"; }
 
−
levelsvg += '<path class="' + levelclass + '" d="M53.2,21.5c3.9,3,8.7,5.1,13.5,5.1c4.7,0,9.6-2.1,13.4-5.1l0,0c2.1-1.7,4.9-1.5,6.8,0.3c2.5,2.3,5.6,4.1,8.8,4.9c3,0.8,4.8,4.1,4.2,7.5s-3.7,5.4-6.7,4.7c-4.3-1.1-7.8-3.2-10.1-4.9c-5,3-10.7,5.1-16.4,5.1c-5.5,0-10.5-1.9-14-3.7c-1-0.5-1.9-1-2.7-1.5c-0.8,0.5-1.7,1-2.7,1.5c-3.4,1.8-8.4,3.7-14,3.7c-5.7,0-11.4-2-16.4-5c-2.3,1.6-5.9,3.8-10.1,4.9c-3,0.8-6-1.3-6.7-4.7c-0.7-3.4,1.2-6.7,4.2-7.5c3.1-0.8,6.3-2.6,8.8-4.9c1.9-1.9,4.7-2,6.8-0.3l0,0c3.8,3,8.8,5.1,13.4,5.1c4.8,0,9.6-2.1,13.5-5.1C48.7,19.9,51.3,19.9,53.2,21.5z"/>';
 
−
 
 
−
if ( diff > 0 ) { levelclass = "st1"; }
 
−
levelsvg += '<path class="' + levelclass + '" d="M53.2,41.8c3.9,3,8.7,5.1,13.5,5.1c4.7,0,9.6-2.1,13.4-5.1l0,0c2.1-1.7,4.9-1.5,6.8,0.3c2.5,2.3,5.6,4.1,8.8,4.9c3,0.8,4.8,4.1,4.2,7.5s-3.7,5.4-6.7,4.7c-4.3-1.1-7.8-3.2-10.1-4.9c-5,3-10.7,5.1-16.4,5.1c-5.5,0-10.5-1.9-14-3.7c-1-0.5-1.9-1-2.7-1.5c-0.8,0.5-1.7,1-2.7,1.5c-3.4,1.8-8.4,3.7-14,3.7c-5.7,0-11.4-2-16.4-5c-2.3,1.6-5.9,3.8-10.1,4.9c-3,0.8-6-1.3-6.7-4.7s1.2-6.7,4.2-7.5c3.1-0.8,6.3-2.6,8.8-4.9c1.9-1.9,4.7-2,6.8-0.3l0,0c3.8,3,8.8,5.1,13.4,5.1c4.8,0,9.6-2.1,13.5-5.1C48.7,40.2,51.3,40.2,53.2,41.8z"/>';
 
−
 
 
−
if ( diff > -10 ) { levelclass = "st1"; }
 
−
levelsvg += '<path class="' + levelclass + '" d="M53.2,62.1c3.9,3,8.7,5.1,13.5,5.1c4.7,0,9.6-2.1,13.4-5.1l0,0c2.1-1.7,4.9-1.5,6.8,0.3c2.5,2.3,5.6,4.1,8.8,4.9c3,0.8,4.8,4.1,4.2,7.5c-0.7,3.4-3.7,5.4-6.7,4.7c-4.3-1.1-7.8-3.2-10.1-4.9c-5,3-10.7,5.1-16.4,5.1c-5.5,0-10.5-1.9-14-3.7c-1-0.5-1.9-1-2.7-1.5c-0.8,0.5-1.7,1-2.7,1.5c-3.4,1.8-8.4,3.7-14,3.7c-5.7,0-11.4-2-16.4-5c-2.3,1.6-5.9,3.8-10.1,4.9c-3,0.8-6-1.3-6.7-4.7c-0.7-3.4,1.2-6.7,4.2-7.5c3.1-0.8,6.3-2.6,8.8-4.9c1.9-1.9,4.7-2,6.8-0.3l0,0c3.8,3,8.8,5.1,13.4,5.1c4.8,0,9.6-2.1,13.5-5.1C48.7,60.5,51.3,60.5,53.2,62.1z"/>';
 
−
 
−
if ( diff > -20 ) { levelclass = "st1"; }
 
−
levelsvg += '<path class="' + levelclass + '" d="M53.2,82.4c3.9,3,8.7,5.1,13.5,5.1c4.7,0,9.6-2.1,13.4-5.1l0,0c2.1-1.7,4.9-1.5,6.8,0.3c2.5,2.3,5.6,4.1,8.8,4.9c3,0.8,4.8,4.1,4.2,7.5c-0.7,3.4-3.7,5.4-6.7,4.7c-4.3-1.1-7.8-3.2-10.1-4.9c-5,3-10.7,5.1-16.4,5.1c-5.5,0-10.5-1.9-14-3.7c-1-0.5-1.9-1-2.7-1.5c-0.8,0.5-1.7,1-2.7,1.5c-3.4,1.8-8.4,3.7-14,3.7c-5.7,0-11.4-2-16.4-5c-2.3,1.6-5.9,3.8-10.1,4.9c-3,0.8-6-1.3-6.7-4.7c-0.7-3.4,1.2-6.7,4.2-7.5c3.1-0.8,6.3-2.6,8.8-4.9c1.9-1.8,4.7-2,6.8-0.3l0,0c3.8,3,8.8,5.1,13.4,5.1c4.8,0,9.6-2.1,13.5-5.1C48.7,80.9,51.3,80.9,53.2,82.4z"/>';
 
−
 
−
levelsvg += '</svg>';
 
−
 
−
if ( diff > 20 ) {
 
−
levelsvg.replace( 'XXX', 'Vedenpinta erittäin korkea' );
 
−
} else if ( diff > 10 ) {
 
−
levelsvg.replace( 'XXX', 'Vedenpinta korkea' );
 
−
} else if ( diff > 0 ) {
 
−
levelsvg.replace( 'XXX', 'Vedenpinta melko tavanomainen' );
 
−
} else if ( diff > -10 ) {
 
−
levelsvg.replace( 'XXX', 'Vedenpinta melko tavanomainen' );
 
−
} else if ( diff > -20 ) {
 
−
levelsvg.replace( 'XXX', 'Vedenpinta matala' );
 
−
} else {
 
−
levelsvg.replace( 'XXX', 'Vedenpinta erittäin matala' );
 
−
}
 
−
 
−
memo.widgetEl.html('');
 
−
memo.widgetEl.append( '<h3 style="text-align: center; font-size: 18px; margin-top: 0;">Vedenkorkeus' + addToTitle + '</h3>' );
 
−
memo.widgetEl.append( '<div style="width: 120px; height: 120px; margin: 12px auto; padding: 10px; border-radius: 6px; Xborder: 3px solid rgba( 213, 218, 38, 0.5 );">' + levelsvg + '</div>');
 
−
memo.widgetEl.append( '<p style="text-align: center; line-height: 20px;" class="huomio">' + diffStr + '<br /><span class="Xsmall">(' + obs.obsdatetime.inRelationToToday(memo.lang).toLowerCase() + ')</span></p>' );
 
−
//' + obs.obsdatetime.inRelationToToday(memo.lang) + '
 
−
 
 
−
} else if ( memo.obscode == 'ice' ) {
 
−
 
−
obs = memo.obsesA[0];
 
−
 
 
−
iceT =obs.value.toString() + ' cm';
 
−
memo.widgetEl.html('');
 
−
memo.widgetEl.append( '<p style="text-align: center; line-height: 20px;" class="huomio">' + obs.obsdatetime.inRelationToToday(memo.lang) + '</p>' );
 
−
memo.widgetEl.append( '<div style="width: 100px; height: 100px; margin: 0 auto;"><svg style="width: 100px; height: 100px;" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="1.70666in" height="1.70666in" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"viewBox="0 0 1.70666 1.70666" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs>  <style type="text/css">  <![CDATA[    .fil0 {fill:#D9F1FF}    .fil1 {fill:#DAEBF6}    .fil3 {fill:#EAF3F8}    .fil2 {fill:#EDF8FF}  ]]>  </style> </defs> <g id="Layer_x0020_1">  <metadata id="CorelCorpID_0Corel-Layer"/>  <g id="_379292064">  <path id="_379292760" class="fil0" d="M1.40329 1.24609c-0.00840157,0 -0.0159921,-0.00530709 -0.0188386,-0.0133543l-0.175606 -0.498173 -0.0287165 0.120094c-0.00475197,0.0199409 -0.0329843,0.0203937 -0.0386417,0.000917323l-0.0844843 -0.290622 -0.0838858 0.219394c-0.00578346,0.0151614 -0.0262677,0.0173661 -0.0352362,0.00405118l-0.0845315 -0.125091 -0.0845276 0.12511c-0.00902756,0.0133583 -0.0294764,0.011063 -0.035252,-0.00405118l-0.0838858 -0.21939 -0.0844882 0.290622c-0.00549606,0.018878 -0.0337677,0.0194409 -0.0386378,-0.000917323l-0.0287244 -0.120094 -0.175606 0.498169c-0.00683858,0.0194094 -0.0351457,0.0168858 -0.0385512,-0.00332283l-0.0963465 -0.570858 -0.0470787 0.133386c-0.00603937,0.017122 -0.0296969,0.0176575 -0.0370276,0.0016811 -0.0107323,-0.0233858 -0.0905197,-0.192185 -0.0907756,-0.201878l-0.0121339 -0.436732c-0.000314961,-0.0112402 0.00874409,-0.0205512 0.0199843,-0.0205512l1.66607 0c0.0112441,0 0.0202953,0.00931102 0.0199843,0.0205512 -0.00126772,0.045122 -0.0096378,0.435122 -0.0139567,0.444508l-0.0889528 0.194102c-0.00762205,0.0166654 -0.0311772,0.0148976 -0.0370118,-0.0016811l-0.0470945 -0.133386 -0.0963307 0.570839c-0.00161417,0.00958661 -0.0099685,0.0166772 -0.0197205,0.0166772z"/>  <path id="_379292832" class="fil1" d="M1.40329 1.24609c-0.00840157,0 -0.0159921,-0.00530709 -0.0188386,-0.0133543l-0.175606 -0.498173 -0.0287165 0.120094c-0.00475197,0.0199409 -0.0329843,0.0203937 -0.0386417,0.000917323l-0.0844843 -0.290622 -0.0838858 0.219394c-0.00578346,0.0151614 -0.0262677,0.0173661 -0.0352362,0.00405118l-0.0845315 -0.125091 -1.5748e-005 2.3622e-005 0 -0.52885 0.833039 0c0.0112441,0 0.0202953,0.00931102 0.0199843,0.0205512 -0.00126772,0.045122 -0.0096378,0.435122 -0.0139567,0.444508l-0.0889528 0.194102c-0.00762205,0.0166654 -0.0311772,0.0148976 -0.0370118,-0.0016811l-0.0470945 -0.133386 -0.0963307 0.570839c-0.00161417,0.00958661 -0.0099685,0.0166772 -0.0197205,0.0166772z"/>  <path id="_379293384" class="fil2" d="M0.00429921 0.298594l-0.00398819 -0.143559c-0.000314961,-0.0112402 0.00874409,-0.0205512 0.0199843,-0.0205512l1.66607 0c0.0112441,0 0.0202953,0.00931102 0.0199843,0.0205512 -0.000444882,0.0158346 -0.00176378,0.0741457 -0.00347638,0.143559l-0.183831 0 0 0.0628976c6.29921e-005,0.0635315 -0.0523228,0.10285 -0.100862,0.10285 -0.0555709,0 -0.10052,-0.0458071 -0.10052,-0.103965 -0.0459685,0.0349803 -0.108213,0.025122 -0.141409,-0.0201969 -0.0338425,0.0453346 -0.0970984,0.0549055 -0.14148,0.0205079 0,0.0645945 -0.0522795,0.103654 -0.100925,0.103654 -0.0357362,0 -0.0630157,-0.018878 -0.0801614,-0.0418307 -0.0183189,0.0253583 -0.0477402,0.0418307 -0.0808543,0.0418307 -0.0486417,0 -0.100925,-0.0390748 -0.100925,-0.103654 -0.0444331,0.0343898 -0.107654,0.0248189 -0.14148,-0.0205079 -0.033189,0.0453189 -0.0954449,0.0551732 -0.141409,0.0201969 0,0.13778 -0.201445,0.13598 -0.201445,0.00111417l0 -0.0628976 -0.183276 0z"/>  <path id="_379293264" class="fil3" d="M0.853331 0.134484l0.833039 0c0.0112441,0 0.0202953,0.00931102 0.0199843,0.0205512 -0.000444882,0.0158346 -0.00176378,0.0741457 -0.00347638,0.143559l-0.183831 0 0 0.0628976c6.29921e-005,0.0635315 -0.0523228,0.10285 -0.100862,0.10285 -0.0555709,0 -0.10052,-0.0458071 -0.10052,-0.103965 -0.0459685,0.0349803 -0.108213,0.025122 -0.141409,-0.0201969 -0.0338425,0.0453346 -0.0970984,0.0549055 -0.14148,0.0205079 0,0.0645945 -0.0522795,0.103654 -0.100925,0.103654 -0.0357362,0 -0.0630157,-0.018878 -0.0801614,-0.0418307l-0.000358268 0.000488189 0 -0.288516z"/>  <path id="_379292544" class="fil0" d="M0.546008 1.30221c-0.0527835,0 -0.0957441,-0.0429567 -0.0957441,-0.095748 0,-0.036685 0.0484291,-0.111787 0.0780315,-0.16826 0.00746063,-0.0142441 0.0279331,-0.0142283 0.0353976,0 0.0296614,0.0565157 0.0780197,0.131618 0.0780315,0.168256 3.14961e-005,0.0527953 -0.0429134,0.095752 -0.0957165,0.095752z"/>  <path id="_379292472" class="fil0" d="M0.752256 1.10498c-0.0527835,0 -0.0957441,-0.0429567 -0.0957441,-0.095748 0,-0.0365394 0.0482717,-0.111673 0.0780315,-0.16826 0.00749213,-0.014252 0.0279291,-0.0142323 0.0353976,0 0.0296496,0.0565 0.0780394,0.131602 0.0780394,0.168244 7.87402e-006,0.0528071 -0.042937,0.0957638 -0.0957244,0.0957638z"/>  <path id="_379291920" class="fil1" d="M1.16068 1.19411c-0.0527992,0 -0.095748,-0.0429567 -0.095748,-0.095748 0,-0.0367283 0.0484252,-0.111728 0.0780433,-0.168252 0.00748031,-0.0142756 0.0279528,-0.0141929 0.0353976,0 0.0296378,0.0564764 0.0780354,0.13161 0.0780433,0.168248 7.87402e-006,0.0527953 -0.0429449,0.095752 -0.0957362,0.095752z"/>  <path id="_379292352" class="fil1" d="M1.4033 1.57217c-0.0527992,0 -0.0957441,-0.0429567 -0.0957441,-0.0957441 0,-0.0366496 0.0484134,-0.11178 0.0780433,-0.168264 0.0074685,-0.0142362 0.0279409,-0.0142362 0.0354016,0 0.0296496,0.0565591 0.0780354,0.131583 0.0780394,0.168264 1.5748e-005,0.0527992 -0.042937,0.0957441 -0.0957402,0.0957441z"/>  <path id="_379291944" class="fil0" d="M0.303386 1.57217c-0.0527835,0 -0.0957441,-0.0429567 -0.0957441,-0.0957441 0,-0.0366457 0.0483898,-0.111748 0.0780394,-0.168264 0.00747244,-0.0142402 0.0279331,-0.0142283 0.0354016,0 0.0296693,0.0565315 0.0780276,0.131642 0.0780276,0.168264 7.87402e-006,0.0527992 -0.0429409,0.0957441 -0.0957244,0.0957441z"/>  <path id="_379292328" class="fil0" d="M0.121409 1.11937c-0.0527874,0 -0.095748,-0.0429567 -0.095748,-0.095748 0,-0.0365945 0.0483465,-0.111724 0.0780433,-0.16826 0.00747638,-0.0142362 0.0279252,-0.0142441 0.0353976,0 0.0296654,0.0565236 0.0780354,0.13161 0.0780394,0.16826 1.1811e-005,0.0527913 -0.0429488,0.095748 -0.0957323,0.095748z"/>  <path id="_379292256" class="fil1" d="M1.5853 1.13601c-0.0528031,0 -0.095748,-0.0429567 -0.095748,-0.095748 0,-0.0366929 0.048437,-0.11176 0.0780433,-0.16826 0.00747244,-0.0142638 0.0279291,-0.0142087 0.0353976,0 0.0296811,0.0564882 0.0780315,0.131677 0.0780315,0.16826 3.93701e-006,0.0528071 -0.0429409,0.095748 -0.0957244,0.095748z"/>  </g> </g></svg>');
 
−
memo.widgetEl.append( '<p style="text-align: center; line-height: 20px;" class="huomio">Jäätilanne<br />' + iceT + '</p>' );
 
−
 
−
 
 
−
} else if ( memo.obscode == 'ski' ) {
 
−
memo.widgetEl.html('');
 
−
memo.widgetEl.append( '<p style="text-align: center; line-height: 20px;" class="huomio">29.3.2023</p>' );
 
−
memo.widgetEl.append( '<div style="width: 100px; height: 100px; margin: 0 auto;"><svg <svg style="width: 100px; height: 100px;" Xfill="#fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 943.01 710.7"><defs><style>.cls-1{fill:#1d1e21;fill-rule:evenodd;}</style></defs><g id="_Ñëîé_2"><path class="cls-1" d="m924.06,669.04c0,15.87-11.49,23.41-26.25,23.41H259.14v18.25h638.68c27.25,0,45.19-13.59,45.19-43.17-.47-9.56-18.76-12.12-18.94,1.51h0Z"/><path class="cls-1" d="m666.6,63.13c0,17.45,6.1,31.93,18.24,44.86,12.94,12.15,27.39,18.24,45.61,18.24s32.7-6.1,45.63-18.24c12.15-12.94,18.27-27.41,18.27-44.86s-6.12-31.93-18.27-44.12c-12.94-12.91-28.13-19.01-45.63-19.01s-32.67,6.12-45.61,19.01c-12.15,12.19-18.24,26.62-18.24,44.12h0Z"/><path class="cls-1" d="m518.95,152.16l-69.79,73.81c-22.53,32.02-68.04,3.51-34.44-34.02l76.63-86.71c6.84-7.59,15.2-11.35,25.85-11.35l135.69,15.61c11.42,0,21.29,3.79,28.9,11.4l83.94,85.43,63.11-65.34c25.92-22.25,55.13,1.98,35.58,29.27l-66.07,69.76c-24.27,26.55-35.16,31.83-53.99,14.99l-39.93-38.49-115.54,131.85,86.36,69.9c.75,1.54,2.28,3.03,3.79,5.35,2.28,2.23,3.79,7.59,6.07,16.71,2.3,9.12.75,18.24-3.02,28.11l-39.35,163.82c-13.66,52.91-71.3,32.88-59.36-11.54l36.95-159.68-111.14-92.43-76.56,77.54c-.74.74-2.3,2.28-4.59,3.77-2.28,1.54-7.61,4.56-15.94,7.63-8.35,3.79-17.5,4.56-28.16,3.82l-158.77-.02c-45.17,3.51-58.15-50.8-7.66-61.6h158.14l205.9-239.38-62.62-8.22h0Z"/><path class="cls-1" d="m334.12,626.16c-12.47,9.84-25.53,5.49-34.67-6.08L14.29,259.16l-14.29,11.33,285.15,360.9c16.87,21.37,38.68,27.02,61.88,8.68,7.24-6.26-2.12-22.22-12.91-13.91h0Z"/></g></svg></div>');
 
−
memo.widgetEl.append( '<p style="text-align: center; line-height: 22px;" class="huomio">Katuman jäälatu<br />Kunnostettu</p>' );
 
−
 
 
−
} else if ( memo.obscode == 'temp' ) {
 
−
 
−
var tsum = 0;
 
−
var tc = 0;
 
−
 
−
for ( var o in memo.obsesA ) {
 
−
tsum += memo.obsesA[o].data.val;
 
−
tc++;
 
−
}
 
−
 
 
−
if ( tc > 0 ) {
 
−
tavg = Math.round( tsum/tc*10 ) / 10;
 
−
tstr = tavg.toString().replace( '.', ',' ) + ' &deg;C';
 
−
if ( tc == 1 ) {
 
−
tstr += '<br /><span>(' + memo.obsesA[0].obsdatetime.inRelationToToday(memo.lang).toLowerCase() + ')</span>';
 
−
}
 
−
up = Math.round( (tavg/33)*50 );
 
−
up = Math.max( up, 0 );
 
−
up = Math.min( up, 50 );
 
−
 
−
a1 = 60 - up;
 
−
a2 = 9 + up;
 
−
} else {
 
−
tavg = -1;
 
−
tstr = 'Ei tuoreita<br />havaintoja';
 
−
a1 = 60 - 25;
 
−
a2 = 9 + 25;
 
−
}
 
−
 
 
−
 
 
−
//up = 10;
 
−
//hue = 100 * ( 50-up ) / ( 50 );
 
−
//rgb = hslToRgb( (360-hue), 0.8, 0.33 );
 
−
 
−
//console.log( 360-hue );
 
−
//console.log( rgb );
 
−
 
−
//fill =  '#' + rgb[0].toString(16).padStart(2, '0') + rgb[1].toString(16).padStart(2, '0') + rgb[2].toString(16).padStart(2, '0');
 
−
 
 
−
if ( tavg < 0 ) { fill ='#ccc'; }
 
−
else if ( tavg < 10 ) { fill = '#0076b0'; }
 
−
else if ( tavg < 20 ) { fill = '#d5da26'; }
 
−
else { fill = '#da2626'; }
 
−
 
−
var tsvg = '<?xml version="1.0" encoding="utf-8"?><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">';
 
−
tsvg += '<style type="text/css">.tscale{fill:none;stroke:#1E1E1E;stroke-width:2;stroke-miterlimit:10;}.toutline{fill:none;stroke:#1E1E1E;stroke-width:4;stroke-miterlimit:10;}';
 
−
tsvg += '.ttemp{fill:' + fill + ';}';
 
−
tsvg += '</style>';
 
−
tsvg += '<g>';
 
−
tsvg += '<line class="tscale" x1="60.6" y1="9" x2="69.5" y2="9"/>';
 
−
tsvg += '<line class="tscale" x1="60.6" y1="25.7" x2="69.5" y2="25.7"/>';
 
−
tsvg += '<line class="tscale" x1="60.6" y1="14.6" x2="66.2" y2="14.6"/>';
 
−
tsvg += '<line class="tscale" x1="60.6" y1="20.1" x2="66.2" y2="20.1"/>';
 
−
tsvg += '<line class="tscale" x1="60.6" y1="42.4" x2="69.5" y2="42.4"/>';
 
−
tsvg += '<line class="tscale" x1="60.6" y1="31.2" x2="66.2" y2="31.2"/>';
 
−
tsvg += '<line class="tscale" x1="60.6" y1="36.8" x2="66.2" y2="36.8"/>';
 
−
tsvg += '<line class="tscale" x1="60.6" y1="59" x2="69.5" y2="59"/>';
 
−
tsvg += '<line class="tscale" x1="60.6" y1="47.9" x2="66.2" y2="47.9"/>';
 
−
tsvg += '<line class="tscale" x1="60.6" y1="53.5" x2="66.2" y2="53.5"/>';
 
−
tsvg += '</g>';
 
−
 
−
tsvg += '<path class="ttemp" d="M51.8,69.7V' + a1.toString() + '.3c0-2.1-1.7-3.8-3.8-3.8c-2.1,0-3.8,1.7-3.8,3.8v' + a2.toString() + '.4c-4.7,1.6-8.1,6-8.1,11.3c0,6.6,5.3,11.9,11.9,11.9C54.6,92.9,60,87.5,60,81C60,75.7,56.6,71.2,51.8,69.7z"/>';    
 
−
tsvg += '<path class="toutline" d="M56.4,65.5V9.9c0-4.6-3.7-8.4-8.4-8.4h0c-4.6,0-8.4,3.7-8.4,8.4v55.7c-5.5,3-9.2,8.8-9.2,15.4c0,9.7,7.9,17.5,17.5,17.5c9.7,0,17.5-7.9,17.5-17.5C65.6,74.3,61.9,68.5,56.4,65.5z"/>';
 
−
tsvg += '</svg>';
 
−
 
−
memo.widgetEl.html('');
 
−
memo.widgetEl.append( '<h3 style="text-align: center; font-size: 18px; margin-top: 0;">Pintaveden lämpötila' + addToTitle + '</h3>' );
 
−
memo.widgetEl.append( '<div style="width: 120px; height: 120px; margin: 10px auto; padding: 10px; border-radius: 6px; Xborder: 3px solid rgba( 213, 218, 38, 0.5 );">' + tsvg + '</div>');
 
−
memo.widgetEl.append( '<p style="text-align: center; line-height: 22px;" class="huomio">' + tstr + '</p>' );
 
−
 
−
} else if ( memo.obscode == 'alg' ) {
 
−
 
−
var asum = 0;
 
−
var ac = 0;
 
−
 
−
for ( var o in memo.obsesA ) {
 
−
asum += memo.obsesA[o].data.val;
 
−
ac++;
 
−
}
 
−
 
 
−
if ( ac > 0 ) {
 
−
var aavg = Math.round( asum/ac );
 
−
if ( aavg < 0.5 ) { astr = 'Ei sinilevää'; }
 
−
else if ( aavg < 1.5 ) { astr = 'Hieman sinilevää'; }
 
−
else if ( aavg < 2.5 ) { astr = 'Runsaasti sinilevää'; }
 
−
else { astr = 'Erittäin runsaasti sinilevää'; }
 
−
if ( ac == 1 ) {
 
−
astr += '<br /><span>(' + memo.obsesA[0].obsdatetime.inRelationToToday(memo.lang).toLowerCase() + ')</span>';
 
−
}
 
−
} else {
 
−
astr = 'Ei tuoreita<br />havaintoja';
 
−
aavg = -1;
 
−
}
 
−
 
−
var asvg = '<?xml version="1.0" encoding="utf-8"?><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">';
 
−
asvg  += '<style type="text/css">.alg0{fill:#0076B0;} .alg1{fill:#D5DA26;} .algx{fill:#ccc;}</style>';
 
−
 
−
var rx = 10;
 
−
var ry = 10;
 
−
 
−
for ( var row=0; row<10; row++ ) {
 
−
for ( var col=0; col<10; col++ ) {
 
−
x = col * 10 + 1;
 
−
y = row * 10 + 1;
 
−
if ( ac > 0 ) {
 
−
if ( Math.random() < ( (aavg) / 3) ) {
 
−
aclass = 'alg1';
 
−
} else {
 
−
aclass = 'alg0';
 
−
}
 
−
} else {
 
−
aclass = 'algx';
 
−
}
 
−
asvg += '<rect x="' + x.toString() +'" y="' + y.toString() +'" class="' +  aclass + '" width="8" height="8"/>';
 
−
}
 
−
}
 
−
 
−
asvg += '</svg>';
 
−
 
−
memo.widgetEl.html('');
 
−
memo.widgetEl.append( '<h3 style="text-align: center; font-size: 18px; margin-top: 0;">Sinilevätilanne' + addToTitle + '</h3>' );
 
−
memo.widgetEl.append( '<div style="width: 120px; height: 120px; margin: 10px auto; padding: 10px; border-radius: 6px; Xborder: 3px solid rgba( 213, 218, 38, 0.5 );">' + asvg + '</div>');
 
−
memo.widgetEl.append( '<p style="text-align: center; line-height: 22px;" class="huomio">' + astr + '</p>' );
 
−
}
 
−
 
 
−
 
 
−
jQuery( '[data-toggle="tooltip"]' ).tooltip();
 
−
memo.loaderEl.fadeOut( "slow", function() { memo.loaderEl.remove(); } );
 
  
 
}
 
}
Rivi 1 006: Rivi 762:
 
memo.data.addColumn( { type: 'string', role: 'annotation' } );
 
memo.data.addColumn( { type: 'string', role: 'annotation' } );
  
−
memo.options.series.push( { type: 'scatter', pointType: 'circle', pointSize: 9, color: memo.seriesA[ s ].color, XstrokeWidth: 2, Xstroke: '#000000'  } );
+
memo.options.series.push( { type: 'scatter', pointType: 'circle', pointSize: 8, color: memo.seriesA[ s ].color, XstrokeWidth: 2, Xstroke: '#000000'  } );
  
 
if ( memo.seriesA[ s ].obses.length > 1 ) {
 
if ( memo.seriesA[ s ].obses.length > 1 ) {
Rivi 1 149: Rivi 905:
 
memo.options.curveType = 'function';
 
memo.options.curveType = 'function';
 
memo.options.intervals = { 'style': 'area' };
 
memo.options.intervals = { 'style': 'area' };
−
memo.options.series[1] = { type: 'line', pointSize: 2, color: colors.curObses, lineWidth: 5  };
+
memo.options.series[1] = { type: 'line', pointSize: 0, color: colors.curObses, lineWidth: 5  };
 
 
 
memo.options.vAxis.viewWindow.min = 80.5;
 
memo.options.vAxis.viewWindow.min = 80.5;
Rivi 1 722: Rivi 1 478:
 
function wait() {
 
function wait() {
 
 
−
//console.log( memo );
+
console.log( memo.options );
 
 
 
var w = memo.chartEl.width();
 
var w = memo.chartEl.width();

Nykyinen versio 19. kesäkuuta 2023 kello 11.56

Noudettu kohteesta ”https://www.jarviwiki.fi/w/index.php?title=Widget:JwObsCharts3&oldid=1009162”




Suomen ympäristökeskuskus SYKE on perustanut ja ylläpitää Järvi-meriwiki-palvelua.
Järvi-meriwikiä kehitettiin vuosina 2010-2013 EU Life+ rahoitetussa GisBloom-hankkeessa.
Maa- ja vesitekniikan tuki ry osallistui palvelun perustamisen ja kehittämisen rahoittamiseen.
Creative Commons Nimeä
Powered by MediaWiki
Powered by Semantic MediaWiki

Tykkää ja seuraa