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

(717 välissä olevaa versiota samalta käyttäjältä ei näytetä)

Rivi 1:

(function() {

Rivi 7:

Rivi 9:

function _jQueryTest() {

if ( typeof window.jQuery == 'undefined' ) {

setTimeout( function(){ _jQueryTest() }, 300);

} else {

Rivi 13:

Rivi 15:

}

setTimeout( ~~function(){~~ _jQueryTest~~() }~~, 300);

setTimeout( _jQueryTest, 300);

function _func() {

css_link = jQuery( "<link>", { rel: "stylesheet", type: "text/css", href: "//www.jarviwiki.fi/embed/css/obschart.css?ver=1" });

css_link.appendTo('head');

if ( typeof window.jwobschart == 'undefined' ) {

jQuery.getScript( "//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js", function() {

jQuery.getScript( "//www.jarviwiki.fi/citobsjs/jwapi.js", function() {

window.jwobschart = {};

jQuery.getScript( '//www.gstatic.com/charts/loader.js', function() {

google.charts.load( 'current', { 'packages':[ 'corechart' ] } );

css_link = jQuery( "<link>", { rel: "stylesheet", type: "text/css", href: "//www.jarviwiki.fi/embed/css/obschart.css?ver=1" });

google.charts.setOnLoadCallback( ~~loadObservations~~ );

css_link.appendTo('head');

jQuery.getScript( "//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js", function() {

jQuery.getScript( "//www.jarviwiki.fi/citobsjs/jwapi.js", function() {

jQuery.getScript( '//www.gstatic.com/charts/loader.js', function() {

google.charts.load( 'current', { 'packages':[ 'corechart' ], 'language': 'fi' } );

google.charts.setOnLoadCallback( allReady );

});

}

function allReady() {

// resize all when window resizes

jQuery( window ).resize(function() {

for ( var c in window.jwobschart ) {

if ( window.jwobschart[c].memo.widgetEl.is( ':visible' ) ) {

doResize( window.jwobschart[c].memo );

}

});

loadObservations();

}

function loadObservations() {

jQuery( '.jwChartWidget' ).each( function() {

var hc = 0;

jQuery( '.jwChartWidget' ).each( function() {

var el = jQuery( this );

var id = el.attr( 'id' ); if ( typeof id == 'undefined' ) { id = 'jwsitegraph_' + Math.random() + '_container'; el.attr( 'id', id ); }

if ( typeof el.attr( 'data-preload' ) == 'undefined' ) {

preload = false;

} else {

preload = ( el.attr( 'data-preload' ).toLowerCase() == 'true' );

}

if ( ( preload || el.is( ':visible' ) ) && typeof window.jwobschart[id] == 'undefined' ) {

window.jwobschart[id] = {};

var memo = {}; window.jwobschart[id].memo = memo;

memo.widgetEl = jQuery( this );

memo.lang = memo.widgetEl.attr( 'data-lang' ); if (typeof memo.lang == 'undefined') { memo.lang = 'fi'; }

memo.height = memo.widgetEl.attr( 'data-height' ); if (typeof memo.height == 'undefined') { memo.height = 450; }

memo.siteid = jQuery( this ).attr( 'data-jw-siteid' ); if ( typeof memo.siteid == 'undefined' ) { memo.siteid = '-'; }

memo.waterbody = jQuery( this ).attr( 'data-jw-waterbody' ); if ( typeof memo.waterbody == 'undefined' ) { memo.waterbody = '-'; }

memo.obscode = jQuery( this ).attr( 'data-jw-obscode' ); if ( typeof memo.obscode == 'undefined' ) { memo.obscode = '-'; }

memo.refcode = jQuery( this ).attr( 'data-jw-refcode' ); if ( typeof memo.refcode == 'undefined' ) { memo.refcode = '-'; }

memo.reffilter = jQuery( this ).attr( 'data-jw-reffilter' ); if ( typeof memo.reffilter == 'undefined' ) { memo.reffilter = ''; }

memo.obscodeParts = memo.obscode.split('_');

memo.title = jQuery( this ).attr( 'data-title' ); if ( typeof memo.title == 'undefined' ) { memo.title = i18n[ memo.obscode ][ 'title' ][ memo.lang ]; }

memo.info = jQuery( this ).attr( 'data-info' ); if ( typeof memo.info == 'undefined' ) { memo.info = ""; }

if ( typeof jQuery( this ).attr( 'data-info-addsite' ) != 'undefined' ) { memo.addsitetoinfo = ( jQuery( this ).attr( 'data-info-addsite' ) == 'true' ); } else { memo.addsitetoinfo = false; };

memo.caption = jQuery( this ).attr( 'data-caption' ); if ( typeof memo.caption == 'undefined' ) { memo.caption = ""; }

if ( typeof jQuery( this ).attr( 'data-jw-summerwinter' ) != 'undefined' ) { memo.summerwinter = ( jQuery( this ).attr( 'data-jw-summerwinter' ) == 'true' ); } else { memo.summerwinter = false; };

if ( typeof jQuery( this ).attr( 'data-jw-summerother' ) != 'undefined' ) { memo.summerother = ( jQuery( this ).attr( 'data-jw-summerother' ) == 'true' ); } else { memo.summerother = false; };

if ( typeof jQuery( this ).attr( 'data-jw-bottomsurface' ) != 'undefined' ) { memo.bottomsurface = ( jQuery( this ).attr( 'data-jw-bottomsurface' ) == 'true' ); } else { memo.bottomsurface = false; };

if ( typeof jQuery( this ).attr( 'data-jw-divide' ) != 'undefined' ) {

memo.divide = jQuery( this ).attr( 'data-jw-divide' );

} else if ( memo.bottomsurface ) {

memo.divide = 'bottomsurface';

} else if ( memo.summerwinter ) {

memo.divide = 'summerwinter';

} else if ( memo.summerother ) {

memo.divide = 'summerother';

} else {

memo.divide = '-';

};

if ( typeof jQuery( this ).attr( 'data-jw-divide-if-obses' ) != 'undefined' ) {

memo.divideCond = parseInt( jQuery( this ).attr( 'data-jw-divide-if-obses' ) );

} else {

memo.divideCond = 20;

};

if ( typeof jQuery( this ).attr( 'data-showlink' ) == 'undefined' ) {

memo.showlink = false;

} else {

memo.showlink = ( jQuery( this ).attr( 'data-showlink' ).toLowerCase() == 'true' );

}

if ( typeof jQuery( this ).attr( 'data-min' ) != 'undefined' ) { i18n[memo.obscode]['min'] = parseInt( jQuery( this ).attr( 'data-min' ) ); }

if ( typeof jQuery( this ).attr( 'data-max' ) != 'undefined' ) { i18n[memo.obscode]['max'] = parseInt( jQuery( this ).attr( 'data-max' ) ); }

if ( typeof jQuery( this ).attr( 'data-start-date' ) != 'undefined' ) {

memo.startDate = jQuery( this ).attr( 'data-start-date' );

} else if ( typeof jQuery( this ).attr( 'data-start-year' ) != 'undefined' ) {

memo.startDate = jQuery( this ).attr( 'data-start-year' ) + '-01-01';

} else {

memo.startDate = '1800-01-01';

}

memo.service = jQuery( this ).attr( 'data-coo311-service_code' );

memo.graphType = jQuery( this ).attr( 'data-graph-type' );

memo.editUrl = jQuery( this ).attr( 'data-edit-url' ); if (typeof memo.editUrl == 'undefined') { memo.editUrl = '-'; }

memo.download = true; if ( typeof jQuery( this ).attr( 'data-download' ) != 'undefined' ) { memo.download = ( jQuery( this ).attr( 'data-download' ) == '1' || jQuery( this ).attr( 'data-download' ) == 'true' ); }

memo.csvfile = jQuery( this ).attr( 'data-csv-filename' ); if (typeof memo.csvfile == 'undefined') { memo.csvfile = i18n[ memo.obscode ].title[ memo.lang ] + '_SiteID-' + memo.siteid + '_Downloaded-' + today.toISOString().split( 'T' )[0] + '.csv'; }

if ( typeof jQuery( this ).attr( 'data-maintainer' ) == 'undefined' ) { memo.maintainerShow = false; }

else { memo.maintainerShow = ( jQuery( this ).attr( 'data-maintainer' ).toLowerCase() == 'true' ); }

memo.id = jQuery( this ).attr( 'id' ); if (typeof memo.id == 'undefined') { memo.id = 'jwsitegraph_' + Math.random() + '_container'; jQuery( this ).attr( 'id', memo.id ); }

memo.widgetEl.css( 'position', 'relative' );

//memo.widgetEl.css( 'margin-bottom', '0.5em' );

// add loader animation

memo.widgetEl.append( '<div style="display: none;" class="jwloading"></div>' );

memo.loaderEl = jQuery( this ).find( '.jwloading' );

memo.loaderEl.fadeIn( "slow" );

if ( memo.graphType != 'current' ) {

// add chart container

memo.widgetEl.append( '<div class="card JwCard Xmb-2" style="position: relative; width: 100%; height: 100%;"><div class="card-header" style="min-height: 49px;"></div><div class="card-body p-2" style="position: relative; width: 100%; height: 100%;"><div class="chart-container" style="position: relative; z-index: 110; width: 100%; height: 100%;"></div></div><div class="card-footer"></div>' );

memo.chartEl = jQuery( this ).find( '.chart-container' );

memo.chartEl.css( 'height', memo.height + 'px' );

memo.headerEl = jQuery( this ).find( '.card-header' );

memo.footerEl = jQuery( this ).find( '.card-footer' );

// add title

memo.headerEl.append( '<div class="obscharttitle" style="float: left;"></div>' );

memo.titleEl = jQuery( this ).find( '.obscharttitle' );

// add or hide footer

if ( memo.caption == '' ) {

memo.footerEl.hide();

} else {

memo.footerEl.append( memo.caption );

}

// add fullscreen button

memo.headerEl.append( '<div class="obschartbutton fullscreen-button" style="display: none; margin-left: 10px; float: right; font-size: 18.72px;"><button title="' + i18n['fullscreen'][memo.lang] + '" style=""><i class="fas fa-expand"></i></button></div>' );

memo.fullscreenEl = jQuery( this ).find( '.fullscreen-button' );

memo.fullscreenEl.on( 'click', function() {

var elem = memo.widgetEl[0];

if (!!document.fullscreenElement) {

if (document.exitFullscreen) {

document.exitFullscreen();

} else if (document.mozCancelFullScreen) { /* Firefox */

document.mozCancelFullScreen();

} else if (document.webkitExitFullscreen) { /* Chrome, Safari and Opera */

document.webkitExitFullscreen();

} else if (document.msExitFullscreen) { /* IE/Edge */

document.msExitFullscreen();

}

} else {

if (elem.requestFullscreen) {

elem.requestFullscreen();

} else if (elem.mozRequestFullScreen) { /* Firefox */

elem.mozRequestFullScreen();

} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */

elem.webkitRequestFullscreen();

} else if (elem.msRequestFullscreen) { /* IE/Edge */

elem.msRequestFullscreen();

}

});

jQuery( document ).on('webkitfullscreenchange mozfullscreenchange fullscreenchange', function(e) {

if (!document.fullscreenElement) {

memo.chartEl.css( 'height', memo.height + 'px' );

memo.fullscreenEl.find( 'button' ).html( '<i class="fas fa-expand"></i>' );

} else {

memo.chartEl.css( 'height', '100%' );

memo.fullscreenEl.find( 'button' ).html( '<i class="fas fa-compress"></i>' );

}

doResize( memo );

});

// add edit button

if ( memo.editUrl != '-' ) {

memo.headerEl.append( '<div class="obschartbutton edit-button" style="Xdisplay: none; margin-left: 10px; float: right; font-size: 18.72px;"><button title="' + i18n['edit'][memo.lang] + '" style=""><i class="fas fa-edit"></i></button></div>' );

memo.editEl = jQuery( this ).find( '.edit-button' );

memo.editEl.on( 'click', function() { window.location.href = memo.editUrl; });

}

// add download data button

if ( memo.download ) {

memo.headerEl.append( '<div class="obschartbutton download-button" style="display: none; margin-left: 10px; float: right; font-size: 18.72px;"><button title="' + i18n['download'][memo.lang] + '" style=""><i class="fas fa-download"></i></button></div>' );

memo.downloadEl = jQuery( this ).find( '.download-button' );

memo.downloadEl.on( 'click', function() {

var header = '';

header += '\uFEFF'; // BOM

var csv = '';

//csv += '\r\nsep=,\r\n';

var headerCols = [];

var csvCols = [];

if ( i18n[memo.obscode].type == 'num' ) {

headerCols.push( '"' + i18n[memo.obscode].axisTitleV[memo.lang] + '"' );

headerCols.push( 'Lisätiedot' );

headerCols.push( 'Valokuva' );

headerCols.push( 'Havainnoijan status' );

header += headerCols.join( i18n['sep'][memo.lang] );

for ( var o in memo.obses ) {

csvCols = [];

csvCols.push( memo.obses[o].obsdatetime.getFullYear() + '-' + ( memo.obses[o].obsdatetime.getMonth() + 1 ) + '-' + memo.obses[o].obsdatetime.getDate() );

if ( memo.obses[o].obsdatetime.getUTCHours() == 0 && memo.obses[o].obsdatetime.getUTCMinutes() == 0 && memo.obses[o].obsdatetime.getUTCSeconds() == 0 ) {

csvCols.push( '' );

} else {

csvCols.push( ( "0" + memo.obses[o].obsdatetime.getUTCHours() ).slice(-2) + ':' + ( "0" + memo.obses[o].obsdatetime.getUTCMinutes() ).slice(-2) );

}

csvCols.push( '"' + memo.obses[o].value.toString().replace( '.', i18n['dec'][memo.lang] ) + '"' );

csvCols.push( memo.obses[o].addInfo );

csvCols.push( '' );

csvCols.push( memo.obses[o].maintainer );

csv += '\r\n' + csvCols.join( i18n['sep'][memo.lang] );

}

} else if ( i18n[memo.obscode].type == 'date' ) {

if ( i18n[memo.obscode].season == 'winter' ) {

header += i18n[ 'season' ][ i18n[memo.obscode].season ][ memo.lang ];

} else {

header += i18n[ 'year' ][ memo.lang ];

}

header += ';' + i18n[ 'Observation' ][ memo.lang ];

header += ';' + i18n[ 'Value' ][ memo.lang ];

header += ';' + i18n[ 'ValueUnit' ][ memo.lang ];

header += ';' + i18n[ 'Additionalinfo' ][ memo.lang ];

header += ';' + i18n[ 'Image' ][ memo.lang ];

header += ';' + i18n[ 'ObserverStatus' ][ memo.lang ];

for ( var s in memo.seriesA ) {

for ( var o in memo.seriesA[ s ].obses ) {

obs = memo.seriesA[ s ].obses[ o ];

csv += '\r\n';

csv += obs.season + '-' + (obs.season+1);

csv += ';' + i18n[ memo.seriesA[ s ].id ].title[ memo.lang ];

csv += ';' + obs.value;

csv += ';' + obs.valueUnit;

csv += ';' + obs.addInfo;

csv += ';';

csv += ';' + obs.maintainer;

}

} else if ( i18n[memo.obscode].type == 'cat' ) {

header += 'Päivämäärä';

header += ';' + 'Kellonaika';

header += ';' + i18n[memo.obscode].title[memo.lang];

header += ';' + utf8StringToUtf16String( 'Lisätiedot' );

header += ';' + 'Valokuva';

header += ';' + 'Havainnoijan status';

for ( var o in memo.obses ) {

~~var memo~~ = ~~{};~~

csv += '\r\n';

~~memo.widgetEl = jQuery( this );~~

~~memo.lang = memo.widgetEl.attr( 'data-lang' ); if (typeof memo.lang == 'undefined') { memo.lang = 'fi'; }~~

~~memo.height = memo.widgetEl.attr(~~ '~~data-height~~' ~~); if (typeof memo.height == 'undefined') { memo.height = 450~~; }

~~memo.siteid = jQuery( this ).attr( 'data-jw-siteid' );~~

csv += memo.obses[o].obsdatetime.toLocaleDateString(); //.toISOString();

~~memo.obscode = jQuery( this ).attr( 'data-jw-obscode' );~~

~~memo.obscodeParts = memo.obscode.split('_');~~

~~memo.service = jQuery( this ).attr( 'data-coo311-service_code' );~~

~~memo.graphType = jQuery( this ).attr( 'data-graph-type' );~~

~~memo.editUrl = jQuery( this ).attr( 'data-edit-url' ); if (typeof memo.editUrl == 'undefined') { memo.editUrl = '-'; }~~

~~memo.csvfile = jQuery( this ).attr( 'data-~~csv~~-filename' ); if (typeof memo.csvfile~~ =~~= 'undefined') {~~ memo.~~csvfile = i18n~~[ ~~memo.obscode ].title[ memo.lang ] + '_SiteID-' + memo.siteid + '_Downloaded-' + today.toISOString().split( 'T' )[0~~] ~~+ '~~.~~csv'; }~~

~~if ( typeof jQuery( this )~~.~~attr~~( ~~'data-maintainer' ) == 'undefined'~~ ) ~~{ memo.maintainerShow = false~~; }

~~else { memo~~.~~maintainerShow =~~ ( ~~jQuery( this ).attr( 'data-maintainer' ).toLowerCase() == 'true' ); }~~

~~memo.id = jQuery( this ).attr( 'id' ); if (typeof memo.id == 'undefined') { memo.id = 'jwsitegraph_' + Math.random() + '_container'; jQuery( this ).attr( 'id', memo.id~~ ); }

memo.~~widgetEl~~.~~css~~( '~~position~~', '~~relative~~' );

if ( memo.obses[o].obsdatetime.getUTCHours() == 0 && memo.obses[o].obsdatetime.getUTCMinutes() == 0 && memo.obses[o].obsdatetime.getUTCSeconds() == 0 ) {

csv += ';';

} else {

csv += ';' + ( "0" + memo.obses[o].obsdatetime.getUTCHours() ).slice(-2) + ':' + ( "0" + memo.obses[o].obsdatetime.getUTCMinutes() ).slice(-2);

}

~~// add loader animation~~

csv += ';' + memo.obses[o].value;

//memo.~~widgetEl~~.~~append( '<div style="display: none~~;~~" class~~=~~"jwloading"></div>~~' );

csv += ';' + i18n[memo.obscode].catNames[memo.obses[o].value][memo.lang];

//memo.~~loaderEl = jQuery( this )~~.~~find( '~~.~~jwloading' );~~

//memo.~~loaderEl.fadeIn( "slow" )~~;

~~// add chart container~~

csv += ';' + memo.obses[o].addInfo;

~~//memo.widgetEl.append(~~ '<div class="card JwCard mb-2" style="position: relative; width: 100%; height: 100%;"><div class="card-header">Otsikko</div><div class="card-body" style="position: relative; width: 100%; height: 350px;"><div class="chart-container" style="position: relative; z-index: 110; width: 100%; height: 100%;~~"></div></div><div class="card-footer">footer</div></div>~~' );

csv += ';';

memo.~~widgetEl~~.~~append( '<div class="card JwCard mb-2" style="position: relative~~; ~~width: 100%; height: 100%;"><div class~~=~~"card-header"></div><div class="card-body p-2" style="position: relative; width: 100%; height: 350px;"><div class="chart-container" style="position: relative; z-index: 110; width: 100%; height: 100%~~;~~"></div></div></div>~~' );

csv += ';' + memo.obses[o].maintainer;

~~//memo.widgetEl.append( '<div class="chart-container" style~~=~~"position: absolute; z-index: 110; width: 100%; height: 100%;"></div>~~' );

~~memo.chartEl = jQuery( this ).find(~~ '~~.chart-container' );~~

memo.~~headerEl = jQuery( this )~~.~~find( '.card-header' )~~;

~~// add title~~

}

~~memo.headerEl.append( '<div class="obscharttitle" style="Xdisplay: none; float: left;"></div>' );~~

~~memo.titleEl = jQuery( this ).find( '.obscharttitle' );~~

~~// add fullscreen button~~

}

memo.headerEl.append( '<div class="obschartbutton fullscreen-button" style="display: none; margin-left: 10px; float: right; Xbackground-color: rgba( 255, 255, 255, 1 ); border-radius: 50%; Xborder: 1px solid rgba( 0, 0, 0, 0.5 ); Xpadding: 1px;"><button title="' + i18n['fullscreen'][memo.lang] + '" style="width: 24px; height: 24px; padding: 0; margin: 0; color: #1B599B; background: none; border: none; "><i class="fas fa-expand"></i></button></div>' );

~~memo.fullscreenEl = jQuery( this ).find( '.fullscreen-button' );~~

// ~~add edit button~~

csv = header + csv;

if ( ~~memo~~.~~editUrl~~ != '-' ) {

memo.headerEl.append( '<div class="obschartbutton ~~edit~~-button" style="~~Xdisplay~~: none; margin-left: 10px; float: right; ~~Xbackground-color: rgba( 255, 255, 255, 1 ); border~~-~~radius~~: ~~50%; Xborder: 1px solid rgba( 0, 0, 0, 0~~.~~5 ); Xpadding: 1px~~;"><button title="' + i18n['~~edit~~'][memo.lang] + '" style="width: 24px; height: 24px; padding: 0; margin: 0~~; color: #1B599B~~; background: none; border: none;"><i class="fas fa-~~edit~~"></i></button></div>' );

var exportedFilename = memo.csvfile;

memo.~~editEl~~ = jQuery( this ).find( '.~~edit~~-button' );

}

var blob = new Blob( [csv], { type: 'text/csv;charset=utf-16LE;' });

if (navigator.msSaveBlob) { // IE 10+

navigator.msSaveBlob(blob, exportedFilename);

} else {

var link = document.createElement("a");

if (link.download !== undefined) { // feature detection

// Browsers that support HTML5 download attribute

var url = URL.createObjectURL(blob);

link.setAttribute("href", url);

link.setAttribute("download", exportedFilename);

link.style.visibility = 'hidden';

document.body.appendChild(link);

link.click();

document.body.removeChild(link);

}

});

}

// add show site link button

if ( memo.showlink ) {

memo.headerEl.append( '<div class="obschartbutton sitelink-button" style="display: none; margin-left: 10px; float: right; font-size:18.72px;"><button title="' + i18n['sitelink'][memo.lang] + '" style="width: 24px; height: 24px; padding: 0; margin: 0; background: none; border: none; "><i class="fas fa-map-marked"></i></button></div>' );

memo.sitelinkEl = jQuery( this ).find( '.sitelink-button' );

memo.sitelinkEl.on( 'click', function() {

var elem = memo.widgetEl[0];

window.location.href = 'https://www.jarviwiki.fi/w/index.php?curid=' + memo.siteid;

});

}

memo.loadStarts = 0;

memo.obses = {};

memo.seriesO = {};

memo.trendlinesO = {};

~~// add download data button~~

memo.vaxisdir = 1; if (memo.obscode == 'secchi') { memo.vaxisdir = -1; }

memo.~~headerEl.append( '<div class="obschartbutton download-button" style~~=~~"display: none; margin-left: 10px; float: right; Xbackground-color: rgba( 255, 255, 255,~~ 1 ~~); border-radius: 50%~~; ~~Xborder: 1px solid rgba~~( ~~0, 0, 0, 0.5 ); Xpadding: 1px;"><button title="' + i18n['download'][~~memo.~~lang] + '" style="width: 24px; height: 24px; padding: 0; margin: 0; color: #1B599B; background: none; border: none;"><i class~~=~~"fas fa-download"></i></button></div>' );~~

~~memo.downloadEl~~ = ~~jQuery( this ).find(~~ '~~.download-button~~' );

~~memo.loadStarts = 0;~~

~~memo.obses =~~ {};

memo.~~seriesO~~ = {};

~~memo.trendlinesO = {~~};

memo.~~vaxisdir~~ = ~~1; if~~ (~~memo~~.~~obscode =~~= '~~secchi~~') { memo.~~vaxisdir~~ = -1; }

memo.showAverage = ( jQuery( this ).attr( 'data-show-average' ) != 'false' );

memo.showTrend = ( jQuery( this ).attr( 'data-show-trend' ) != 'false' );

memo.~~showAverage~~ = ( jQuery( this ).attr( 'data-~~show~~-~~average~~' ) != '~~false~~' );

memo.trendType = jQuery( this ).attr( 'data-trend-type' ); if (typeof memo.trendType == 'undefined') { memo.trendType = i18n[memo.obscode]['trend']['type']; } if (typeof memo.trendType == 'undefined') { memo.trendType = 'linear'; }

memo.~~showTrend~~ = ( ~~jQuery( this )~~.~~attr(~~ '~~data-show-trend~~' ) != '~~false~~' );

memo.~~trendType~~ = ~~jQuery~~( ~~this ).attr( 'data-trend-type'~~ ); ~~if (typeof memo.trendType == 'undefined') { memo.trendType = i18n[memo.obscode]['trend']['type']; }~~

memo.jw = new jwApi();

//memo.jwR = new jwApi();

//memo.~~titleEl.html~~( ~~i18n[ memo.obscode ].title[ memo.lang ]~~ );

~~//getJWobses(~~memo);

var so = { 'startdate': memo.startDate, 'custom': '' };

//~~getCOO311obses(memo)~~;

//var so = { 'custom': '' };

memo.jw = ~~new jwApi~~();

if ( typeof memo.obscodeParts[1] != 'undefined' ) {

if ( typeof memo.obscodeParts[2] != 'undefined' ) {

so.custom += '[[' + i18n[memo.obscodeParts[0]].catName + '::' + memo.obscodeParts[2].split(',').join('||') +']]';

} else {

so.custom += '[[' + i18n[memo.obscode].catName + '::>0]]';

}

~~var custom = '';~~

if ( memo.refcode == '-' ) {

if ( ~~typeof~~ memo.~~obscodeParts[1] !~~= ~~'undefined' ) {~~

so.obscode = memo.obscodeParts[0];

~~if ( typeof memo.obscodeParts[2] !~~= '~~undefined~~' ) {

~~custom +~~= ~~'[[' + i18n[~~memo.obscodeParts[0]~~].catName + '::' + memo.obscodeParts[2].split(',').join('||') +']]'~~;

} else {

custom += '[[' + ~~i18n[~~memo.~~obscode~~].~~catName~~ + '~~::>0~~]]';

so.custom += '[[ObsCode::' + memo.obscodeParts[0] + ' || ' + memo.refcode + ']]';

}

if ( memo.siteid != '-' ) {

so.siteid = memo.siteid;

} else {

so.waterbody = memo.waterbody;

}

if ( memo.siteid == '170072' ) {

so.test = true;

}

memo.jw.loadObses( so, function( o ) {

memo.obses = memo.jw.obs;

drawVisualization(memo);

});

} else {

if ( typeof window.jwobschart[id] == 'undefined' ) {

hc++;

}

});

~~memo.jw.loadObses~~( ~~{ 'obscode': memo.obscodeParts[~~0~~], 'siteid': memo.siteid, 'custom': custom }, function( o~~ ) {

if ( hc > 0 ) {

~~memo.obses = memo.jw.obs;~~

setTimeout( loadObservations, 1000 );

~~drawVisualization~~(~~memo~~);

}

});

~~//https://www.jarviwiki.fi/wiki/Toiminnot:Lomakemuokkaus/ObsICE/V%C3%A4lij%C3%A4rvi_(74.021.1.051)/Luikonsaari~~

~~});~~

}

function drawVisualization( memo ) {

if ( typeof i18n[ memo.obscode ].direction != 'undefined' ) { memo.vaxisdir = i18n[ memo.obscode ].direction; } else { memo.vaxisdir = 1; }

~~// defaults for all charts~~

memo.options = {

backgroundColor: 'transparent',

chartArea: { backgroundColor: { fill: '#ffffff~~', 'd': '#daf0fa~~', stroke: '~~#ccc~~', strokeWidth: 6 }},

chartArea: { backgroundColor: { fill: '#ffffff', stroke: colors['gridlines'], strokeWidth: 1 } },

legend: { position: 'bottom' },

legend: { position: 'bottom', textStyle: { color: colors['text'] } },

crosshair: { trigger: 'both' },

tooltip: { isHtml: true },

Rivi 133:

Rivi 435:

vAxis: {

title: i18n[memo.obscode]['axisTitleV'][memo.lang],

titleTextStyle: { bold: true },

titleTextStyle: { bold: true, italic: false, color: colors['text'] },

textStyle: { color: colors['text'] },

slantedText: false,

maxAlternation: 1,

direction: memo.vaxisdir,

gridlines: { color: '~~#eee~~', ~~count~~: -1 },

baselineColor: colors[ 'text' ],

gridlines: { color: colors[ 'gridlines' ], Xcount: -1 },

minorGridlines: { count: 0 },

viewWindow: { }

Rivi 144:

Rivi 448:

title: '',

slantedText: false,

maxAlternation: 1,

textStyle: { color: colors['text'] },

gridlines: { color: '~~#eee~~' },

maxAlternation: 1,

gridlines: { color: colors[ 'gridlines' ] },

minorGridlines: { count: 0 },

viewWindow: { }

},

series: [ ],

trendlines: [ ]

trendlines: [ ],

intervals: {

'style': 'area',

'color': colors['averageare'],

'fillOpacity': 0.33

},

annotations: {

textStyle: {

fontName: 'Open sans',

fontSize: 15,

bold: true,

color: colors['text'],

auraColor: 'transparent'

}

};

Rivi 178:

Rivi 497:

// create data

obs.data = JSON.parse( obs.printouts.DataJSON );

if ( obs.data.unit == 'cm' && i18n[memo.obscode]['unit'] == 'm' ) {

obs.data.val = obs.data.val/100;

obs.value = obs.value/100;

}

// add season

Rivi 192:

Rivi 516:

// create addinfo

obs.addInfo = "";

if ( !!obs.media_url ) {

obs.img = new Image();

obs.img.src = obs.media_url;

obs.addInfo = '<img style="~~max~~-width: ~~196px~~; ~~max-~~height: ~~196px~~;" src="' + obs.media_url + '" />';

obs.addInfo = '<img style="object-fit: cover; width: 200px; height: 200px; margin: 5px 0 8px 0;" src="' + obs.media_url + '" />';

}

if ( !!obs.printouts[ 'Lisätiedot' ][0] ) {

Rivi 210:

Rivi 534:

// add compare date to obses

if ( memo.season == 'summer' || obs.obsdatetime.getMonth() > 7 ) {

obs.compareDate = new Date( memo.curSeason, obs.obsdatetime.getMonth(), obs.obsdatetime.getDate() );

} else {

obs.compareDate = new Date( memo.curSeason+1, obs.obsdatetime.getMonth(), obs.obsdatetime.getDate() );

}

obs.compareDate.setHours( 12 );

ms = obs.compareDate.getTime();

memo.obsMinCompDateMs = Math.min(ms, memo.obsMinCompDateMs);

Rivi 220:

Rivi 545:

// add series id

if ( memo.graphType == 'trend' ) {

obs.seriesId = 0;

if ( memo.divide == 'summerwinter' ) {

if ( obs.compareDate.getMonth() > 4 && obs.compareDate.getMonth() < 9 ) {

obs.seriesId = 'summer';

} else if ( obs.compareDate.getMonth() > -1 && obs.compareDate.getMonth() < 4 ) {

obs.seriesId = 'winter';

} else {

obs.seriesId = 'other';

}

} else if ( memo.divide == 'summerother' ) {

if ( obs.compareDate.getMonth() > 4 && obs.compareDate.getMonth() < 9 ) {

obs.seriesId = 'summer';

} else {

obs.seriesId = 'other';

}

} else if ( memo.divide == 'bottomsurface' ) {

if ( obs.data.depthR == 'bottom' ) {

obs.seriesId = 'bottom';

} else if ( obs.data.depthR == 'surface' ) {

obs.seriesId = 'surface';

} else {

obs.seriesId = 'other';

}

} else {

obs.seriesId = 0;

}

} else if ( memo.graphType == 'dateofyear' ) {

obs.seriesId = memo.obscodeParts[0] + '_cat_' + obs.data.cat;

Rivi 230:

Rivi 579:

// create popup for obs

obs.popup = '<div style="padding: 8px;">';

obs.popup = '<div style="padding: 8px; white-space: normal;">';

obs.popup += '<div>';

Rivi 242:

Rivi 591:

obs.popup += '(' + obs.obsdatetime.inRelationToToday(memo.lang) + ')';

obs.popup += '</div>';

if (!!obs.addInfo) {

obs.popup += '<div style="margin-top: 5px;">' + obs.addInfo + '</div>';

Rivi 258:

Rivi 607:

memo.obsMaxCompDate = new Date( memo.obsMaxCompDateMs );

memo.obsesA = []; memo.dataA = [];

memo.obsesA = []; memo.dataA = []; memo.depthsO = {};

for ( var o in memo.obses ) {

Rivi 266:

Rivi 615:

// style points

if ( obs.seriesId == memo.curSeason ) {

baseSize = 6;

baseSize = 7;

strokeSize = 2;

} else if (memo.obsesTotal < 100) {

baseSize = 4;

baseSize = 6;

strokeSize = 1.25;

} else if (memo.obsesTotal < 200) {

baseSize = 3;

baseSize = 5;

} else ~~if (memo.obsesTotal < 300)~~ {

strokeSize = 0.53;

baseSize = 2;

} else {

~~} else {~~

baseSize = 4;

~~baseSize~~ = 2;

strokeSize = 0.25;

}

~~//if ( memo.graphType == 'dateofyear' ) { baseSize = baseSize + 1; }~~

if ( memo.maintainerShow ) { maintcol = maintColors[obs.maintainer]; }

else { maintcol = 'transparent'; }

else { maintcol = '#ffffff'; } //'transparent'; }

if (!!obs.addInfo) {

obs.style = 'point { shape-type: star; size: ' + (baseSize+3) + '; shape-dent: 0.5; stroke-width: 0; stroke-color: ' + maintcol + '; }';

obs.style = 'point { shape-type: star; size: ' + (baseSize+3) + '; shape-dent: 0.5; stroke-width: ' + strokeSize + '; stroke-color: ' + maintcol + '; }';

} else {

obs.style = 'point { size: ' + baseSize + '; stroke-width: ~~0.5~~; stroke-color: ' + maintcol + '; }';

obs.style = 'point { size: ' + baseSize + '; stroke-width: ' + strokeSize + '; stroke-color: ' + maintcol + '; }';

}

memo.obsesA.push( obs );

if ( typeof obs.data.depthR != 'undefined' ) {

if ( typeof memo.depthsO[ obs.data.depthR ] == 'undefined' ) { memo.depthsO[ obs.data.depthR ] = { 'values': [], 'valstrings': [], 'valstring': '' }; }

if ( typeof obs.data.depthAval != 'undefined' ) {

if ( obs.data.depthAval!==null && obs.data.depthAval != '' ) {

memo.depthsO[ obs.data.depthR ].values.push( obs.data.depthAval );

}

} else {

//memo.depthsO[ obs.data.depthR ].values.push( -1 );

}

Rivi 300:

Rivi 660:

// col for xAxis values

memo.data.addColumn( 'date', 'time' );

//

var depthcats = []; var depthvals;

for ( var di in memo.depthsO ) {

memo.depthsO[ di ].values = [...new Set( memo.depthsO[ di ].values )].sort((a, b) => a - b);

for ( var dv in memo.depthsO[ di ].values ) {

memo.depthsO[ di ]['valstrings'].push( memo.depthsO[ di ].values[ dv ].toString().replace( '.', ',' ) );

}

if ( memo.depthsO[ di ]['valstrings'].length > 0 ) {

if ( memo.depthsO[ di ]['valstrings'].length == 1 ) {

memo.depthsO[ di ]['valstring'] = memo.depthsO[ di ]['valstrings'][ 0 ] + ' m';

} else {

memo.depthsO[ di ]['valstring'] = memo.depthsO[ di ]['valstrings'][ 0 ] + '–' + memo.depthsO[ di ]['valstrings'][ memo.depthsO[ di ]['valstrings'].length-1 ] + ' m';

}

depthcats.push( di );

}

if ( depthcats.length == 1 ) {

if ( depthcats[0] == 'surface' ) {

memo.title = memo.title.replace( '[D]', '(' + i18n[ 'surface' ][ memo.lang ] + ')' );

} else if ( depthcats[0] == 'bottom' ) {

memo.title = memo.title.replace( '[D]', '(' + i18n[ 'bottom' ][ memo.lang ] + ')' );

}

} else if ( depthcats.length == 2 ) {

} else {

}

// make ticks for y axis on cat types

if ( memo.obsesA.length > 0 && memo.graphType != 'current' ) {

if ( i18n[memo.obscode]['type'] == 'cat') {

memo.options.vAxis.format = '0';

memo.options.vAxis.ticks = [];

for (var c in i18n[memo.obscode]['catNamesShort']) {

memo.options.vAxis.ticks.push({v: parseInt(c), f: i18n[memo.obscode]['catNamesShort'][c][memo.lang] });

memo.options.vAxis.ticks.push({v: parseInt(c)+0.5, f: '' });

}

memo.options.vAxis.ticks.sort( function(a, b) { return a.v-b.v } );

memo.options.vAxis.viewWindow.min = -0.5;

//memo.options.vAxis.minValue = -0.5;

memo.options.vAxis.viewWindow.max = parseInt(memo.options.vAxis.ticks[memo.options.vAxis.ticks.length-1].v)+0.5;

//memo.options.vAxis.viewWindow.max = memo.options.vAxis.viewWindow.max;

memo.options.vAxis.gridlines.color = colors['gridlines'];

memo.options.vAxis.baselineColor = colors['text'];

} else {

if ( typeof i18n[memo.obscode]['min'] != 'undefined' ) {

if ( i18n[memo.obscode]['min'] != -999 ) {

memo.options.vAxis.viewWindow.min = i18n[memo.obscode]['min'];

}

} else if ( memo.obsMinValue >= 0) {

if ( memo.obscode != 'level' && memo.obscode != 'pH' ) {

memo.options.vAxis.viewWindow.min = 0;

} else {

// memo.options.vAxis.viewWindow.min = memo.obsMinValue;

}

} else {

//

}

~~// make ticks for y axis on cat types~~

if ( typeof i18n[memo.obscode]['max'] != 'undefined' ) {

if ( i18n[memo.obscode]['~~type~~'] == '~~cat~~') {

if ( i18n[memo.obscode]['max'] != -999 ) {

memo.options.vAxis.~~ticks~~ = [];

memo.options.vAxis.viewWindow.max = i18n[memo.obscode]['max'];

~~for~~ (~~var c in~~ i18n[memo.obscode]['~~catNamesShort~~']) {

}

memo.~~options~~.~~vAxis~~.~~ticks~~.~~push~~({v: ~~parseInt(c), f~~: i18n[memo.obscode]['~~catNamesShort~~'][c][memo.lang] });

}

memo.~~options~~.~~vAxis~~.~~ticks~~.~~push~~({~~v: parseInt~~(c)+0.~~5, f~~: '' });

}

memo.titleEl.html( memo.title );

if ( typeof i18n[ memo.obscode ].changes != 'undefined' ) {

if ( typeof typeof i18n[ memo.obscode ].changes[ memo.lang ] != 'undefined' ) {

memo.titleEl.append( ' <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="' + i18n[ memo.obscode ].changes[ memo.lang ] + '">' + i18n[ 'new' ][ memo.lang ] + '</button>' );

jQuery( '[data-toggle="tooltip"]' ).tooltip();

}

if ( memo.info == '' ) {

if ( memo.siteid != '-' && memo.addsitetoinfo ) {

memo.info += i18n[ 'siteinfostring' ][ memo.lang] + ': ' + memo.jw.site[ memo.siteid ].name;

}

if ( depthcats.length == 1 ) {

if ( memo.depthsO[ depthcats[0] ].valstring != '' ) {

if ( memo.info != '' ) { memo.info += "<br />"; }

memo.info += i18n[ 'depthinfostring' ][ memo.lang] + ': ' + memo.depthsO[ depthcats[0] ].valstring;

}

~~memo.options.vAxis.ticks.sort( function(a, b) { return a.v-b.v } );~~

~~memo.options.vAxis.viewWindow = { min: -0.5, max: parseInt(memo.options.vAxis.ticks[memo.options.vAxis.ticks.length-1].v)+0.5 };~~

if ( memo.info != '' ) {

~~memo.options.vAxis.gridlines.color = '#eee';~~

memo.titleEl.append( ' <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" data-html="true" title="' + memo.info + '"><span class="fontawesome"></span></button>' );

~~memo.options.vAxis.baselineColor = 'none';~~

jQuery( '[data-toggle="tooltip"]' ).tooltip();

~~} else~~ if ( ~~typeof i18n[~~memo.~~obscode]['min']~~ != '~~undefined~~' ) {

}

~~memo.options.vAxis.viewWindow = { min: i18n[memo.obscode]['min'] };~~

~~} else if ( memo.obsMinValue >= 0) {~~

}

~~memo.options.vAxis.viewWindow = { min: 0 };~~

}

if ( memo.obsesA.length == 0 ) {

~~memo.titleEl.html( i18n[ memo.obscode ].title[ memo.lang ] );~~

console.log( 'No obses' );

memo.titleEl.append( ' <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="' + ~~i18n[~~ memo.~~obscode ].changes[ memo.lang ]~~ + '">~~' + i18n[ 'new' ][ memo.lang ] + '~~</button>' );

jQuery( '[data-toggle="tooltip"]' ).tooltip();

} else if (memo.graphType == 'trend') {

if (memo.graphType == 'trend') {

addDataToTrendChart(memo);

} else if (memo.graphType == 'seasonwithrefs') {

addDataToSeasonWithRefsChart(memo);

} else if (memo.graphType == 'trendwithhighlow') {

addDataToTrendWithHighLowChart(memo);

} else if (memo.graphType == 'season') {

Rivi 334:

Rivi 791:

addDataToDateOfYearChart( memo );

}

Rivi 355:

Rivi 812:

// do Y axis min and max for this chart type

memo.options.vAxis.~~minValue~~ = new Date( memo.obsMinCompDate.getTime() );

memo.options.vAxis.viewWindow.min = new Date( memo.obsMinCompDate.getTime() );

memo.options.vAxis.~~minValue~~.setDate(1);

memo.options.vAxis.viewWindow.min.setDate(1);

memo.options.vAxis.viewWindow.min ~~= memo~~.~~options.vAxis.minValue~~;

memo.options.vAxis.viewWindow.min.setHours( 0, 0, 0 );

memo.options.vAxis.~~maxValue~~ = new Date( memo.obsMaxCompDate.getTime() );

memo.options.vAxis.viewWindow.max = new Date( memo.obsMaxCompDate.getTime() );

memo.options.vAxis.~~maxValue~~.setMonth( memo.options.vAxis.~~maxValue~~.getMonth()+1 );

memo.options.vAxis.viewWindow.max.setMonth( memo.options.vAxis.viewWindow.max.getMonth()+1 );

memo.options.vAxis.~~maxValue~~.setDate(0);

memo.options.vAxis.viewWindow.max.setDate(0);

memo.options.vAxis.viewWindow.max ~~= memo~~.~~options.vAxis.maxValue~~;

memo.options.vAxis.viewWindow.max.setHours( 0, 0, 0 );

// do Y axis ticks and gridlines

Rivi 369:

Rivi 826:

memo.options.vAxis.gridlines = { color: 'transparent' };

memo.options.vAxis.minorGridlines = { color: 'transparent' };

minM = memo.options.vAxis.~~minValue~~.getMonth();

minM = memo.options.vAxis.viewWindow.min.getMonth();

maxM = memo.options.vAxis.~~maxValue~~.getMonth();

maxM = memo.options.vAxis.viewWindow.max.getMonth();

if ( minM > maxM ) { mc = 13-minM+maxM; }

Rivi 378:

Rivi 835:

mx = minM+mi;

yx = memo.options.vAxis.~~minValue~~.getFullYear();

yx = memo.options.vAxis.viewWindow.min.getFullYear();

if ( mx > 11 ) { yx = memo.options.vAxis.~~maxValue~~.getFullYear(); mx = mx - 12; }

if ( mx > 11 ) { yx = memo.options.vAxis.viewWindow.max.getFullYear(); mx = mx - 12; }

startOfMonth = new Date( yx, mx, 1 );

Rivi 435:

Rivi 892:

memo.seriesO[ 'ice_cat_2,5' ].obses.push( { 'obsdatetime': obs.obsdatetime, 'season': obs.season, 'value': days, 'valueUnit': i18n[ 'days' ][ memo.lang ], 'addInfo': '', 'maintainer': memo.obsesS[ obs.season ][ 'maintainer' ], 'xvalue': obs.seasonmiddle, 'low': memo.obsesS[ obs.season ][ 'low' ], 'high': memo.obsesS[ obs.season ][ 'high' ], 'tooltip': '<p><b>' + i18n[ 'season' ][ 'winter' ][ memo.lang ] + ' ' + obs.season + '–' + (obs.season+1) + '</b></p><p>' + i18n[ 'ice_cat_2,5' ].title[ memo.lang ] + ': ' + days + ' ' + i18n[ 'days' ][ memo.lang ] + '</p>' } );

}

Rivi 451:

Rivi 908:

memo.data.addColumn( { type: 'string', role: 'annotation' } );

memo.options.series.push( { type: 'scatter', pointType: 'circle', pointSize: 9, color: memo.seriesA[ s ].color } );

memo.options.series.push( { type: 'scatter', pointType: 'circle', pointSize: 10, color: memo.seriesA[ s ].color } );

if ( memo.seriesA[ s ].obses.length > 1 ) {

if ( memo.seriesA[ s ].obses.length > 4 ) {

memo.options.trendlines[ memo.options.series.length - 1 ] = { type: 'linear', title: i18n.trendline, lineWidth: ~~2.33~~, visibleInLegend: false, tooltip: false };

memo.options.trendlines[ memo.options.series.length - 1 ] = { type: 'linear', title: i18n.trendline, lineWidth: 3, visibleInLegend: false, tooltip: false };

} else {

memo.options.trendlines[ memo.options.series.length - 1 ] = { type: 'linear', title: i18n.trendline, lineWidth: 0, color: 'transparent', visibleInLegend: false, tooltip: false };

Rivi 517:

Rivi 974:

}

memo.options.hAxis.ticks = [];

/*

var years = memo.options.hAxis.maxValue.getFullYear() - memo.options.hAxis.minValue.getFullYear();

// ~~linear~~ trend line

for (i=memo.options.hAxis.minValue.getFullYear(); i<=memo.options.hAxis.maxValue.getFullYear(); i++) {

middleOfYear = new Date( i, 6, 1 );

if ( years > 50 ) {

if ( i % 10 == 0 ) {

memo.options.hAxis.ticks.push({v: middleOfYear, f: String(i) });

}

} else if ( years > 11 ) {

if ( i % 5 == 0 ) {

memo.options.hAxis.ticks.push({v: middleOfYear, f: String(i) });

}

} else if ( years > 6 ) {

if ( i % 2 == 0 ) {

memo.options.hAxis.ticks.push({v: middleOfYear, f: String(i) });

}

} else {

memo.options.hAxis.ticks.push({v: middleOfYear, f: String(i) });

}

memo.options.hAxis.gridlines.color = 'transparent';

memo.options.vAxis.gridlines.color = '#cccccc';

drawChart(memo);

}

function addDataToSeasonWithRefsChart(memo) {

console.log( memo );

// do axis min and max

memo.axisMinDate = new Date( memo.curSeason, 0, 1 );

memo.axisMaxDate = new Date( memo.curSeason, 11, 31 );

memo.data.addColumn( 'number', '1991-2020' );

memo.data.addColumn( { id:'i0', type:'number', role:'interval' } );

memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );

memo.data.addColumn( 'number', memo.curSeason );

memo.data.addColumn( {'type': 'string', 'role': 'style' } );

memo.data.addColumn( { type: 'string', role: 'annotation' } );

memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );

// series for trend line

//memo.options.trendlines[0] = { labelInLegend: i18n['trendline'][memo.lang], tooltip: false, color: colors['trend'], lineWidth: 2, opacity: 0.5, type: 'linear', visibleInLegend: memo.trendType!='moving' };

~~// data columns~~ for ~~vAxis gridlines~~

for (var o in memo.obsesA) {

~~for~~ (g=~~0; g <~~ memo.~~vAxisGridlines.length; g++~~) {

if ( memo.obsesA[o].printouts.ObsCode == memo.refcode ) {

memo.data.~~addColumn( 'date'~~, ~~'vAxis gridline_' + g~~ );

memo.obsesA[o].compareDate = getDateOfISOWeek( memo.obsesA[o].data.week, memo.curSeason )

memo.~~options~~.~~series~~[g+~~1] = { type: 'line', pointSize: 0, lineWidth: 1, color: '#eee', XlineDashStyle:~~ [~~3, 3~~]~~, visibleInLegend: false~~ };

memo.obsesA[o].compareDate.setDate( memo.obsesA[o].compareDate.getDate() + 3 );

memo.obsesA[o].compareDate.setHours( 12 );

}

var weekdata = [];

for ( var w=1; w<=53; w++ ) {

weekdata.push( { 'week': w, 'val': null, 'mw': null, 'low': null, 'high': null, 'style': null } );

}

~~// add gridlines~~

for (var o in memo.obsesA) {

~~for~~ (g=0; ~~g <~~ memo.~~vAxisGridlines~~.~~length~~; ~~g++)~~ {

if ( memo.obsesA[ o ].printouts.ObsCode == memo.obscode ) {

weekdata[ memo.obsesA[ o ].data.week-1 ].val = memo.obsesA[ o ].data.val;

weekdata[ memo.obsesA[ o ].data.week-1 ].style = memo.obsesA[ o ].style;

} else {

weekdata[ memo.obsesA[ o ].data.week-1 ].mw = memo.obsesA[ o ].data.val;

weekdata[ memo.obsesA[ o ].data.week-1 ].low = memo.obsesA[ o ].data.low / 100;

weekdata[ memo.obsesA[ o ].data.week-1 ].high = memo.obsesA[ o ].data.high / 100;

}

~~dataRow1 = [];~~

for ( var w in weekdata ) {

~~dataRow2 = [];~~

~~// fill rows with nulls~~

mow = getDateOfISOWeek( weekdata[w].week, memo.curSeason );

~~for~~ (~~var i=0; i<noc; i++) { dataRow1~~.~~push~~( ~~null~~ )~~; dataRow2.push( null~~ ); }

mow.setDate( mow.getDate() + 3 );

~~dataRow1~~[0] = ~~memo~~.~~options~~.~~hAxis~~.~~minValue;~~

memo.dataA.push( [

~~dataRow2~~[0] = ~~memo~~.~~options~~.~~hAxis.maxValue~~;

mow,

weekdata[w].mw,

weekdata[w].low,

weekdata[w].high,

'<div style="padding: 5px;"><b>Vertailukauden 1991-2020 havainnot viikolla ' + weekdata[w].week + '</b><br />Suurin arvo (HW): ' + weekdata[w].high + '<br />Keskiarvo (MW): ' + weekdata[w].mw + '<br />Pienin arvo (LW): ' + weekdata[w].low + '</div>',

weekdata[w].val,

weekdata[w].style,

null,

'<div style="padding: 5px;"><b>Kuluvan vuoden vedenkorkeus viikolla ' + weekdata[w].week + '</b><br />Keskiarvo (MW): ' + weekdata[w].val + '</div>',

] );

}

~~dataRow1[5+g] =~~ memo.~~vAxisGridlines~~[g];

// make ticks for x axis

~~dataRow2[5~~+g] = memo.~~vAxisGridlines~~[g];

memo.options.hAxis.ticks = [];

for (i=0; i<12; i++) {

//m = i+1;

middleOfMonth = new Date( memo.curSeason, i, 16 );

memo.options.hAxis.ticks.push({v: middleOfMonth, f: i18n.months[i]['roman'] });

}

memo.~~dataA~~.~~push( dataRow1 )~~;

memo.options.seriesType = 'line';

memo.~~dataA~~.~~push( dataRow2 )~~;

memo.options.series[0] = { type: 'line', pointSize: 0, color: colors.average, lineWidth: 2.33 };

}

memo.options.curveType = 'function';

*/

//memo.options.intervals = { 'style': 'area', 'color': colors['averageare'] };

memo.options.series[1] = { type: 'line', pointSize: 10, color: colors.curObses, lineWidth: 5 };

//memo.options.vAxis.viewWindow.min = 80.5;

//memo.options.vAxis.viewWindow.max = 81.7;

memo.chart = new google.visualization.LineChart( memo.chartEl[0] ); // document.getElementById(memo.id)

drawChart(memo);

}

function ~~addDataToTrendChart~~(memo) {

function addDataToTrendWithHighLowChart (memo) {

// do axis min and max

Rivi 564:

Rivi 1 094:

memo.data.addColumn( 'number', memo.obsMinYear + '-' + memo.obsMaxYear );

memo.data.addColumn( { id:'i0', type:'number', role:'interval' } );

memo.data.addColumn( {'type': 'string', 'role': 'style' } );

memo.data.addColumn( { type: 'string', role: 'annotation' } );

Rivi 569:

Rivi 1 101:

// series for trend line

memo.options.trendlines[0] = { labelInLegend: i18n['trendline'][memo.lang], tooltip: false, color: colors['trend'], lineWidth: 2, opacity: 0.5, type: 'linear', visibleInLegend: memo.trendType!='moving' };

//memo.options.trendlines[0] = { labelInLegend: i18n['trendline'][memo.lang], tooltip: false, color: colors['trend'], lineWidth: 2, opacity: 0.5, type: 'linear', visibleInLegend: memo.trendType!='moving' };

for (var o in memo.obsesA) {

dateStr = memo.obsesA[o].popup.match( /$[^)]*$/g );

yearStr = dateStr[0].match( /[0-9]{4}/g );

memo.obsesA[o].popup = memo.obsesA[o].popup.replace( dateStr[0], '(' + yearStr[0] + ')' );

memo.dataA.push( [ memo.obsesA[o].obsdatetime, memo.obsesA[o].value, memo.obsesA[o].data.low/100, memo.obsesA[o].data.high/100, memo.obsesA[o].style, null, memo.obsesA[o].popup ] );

}

memo.options.hAxis.ticks = [];

for (i=memo.axisMinDate.getFullYear(); i<=memo.axisMaxDate.getFullYear(); i++) {

middleOfYear = new Date( i, 6, 1 );

memo.options.hAxis.ticks.push({v: middleOfYear, f: String(i) });

}

memo.options.seriesType = 'line';

memo.options.series[0] = { type: 'line', pointSize: 10, color: colors['curObses'] };

memo.options.curveType = 'function';

//memo.options.intervals = { 'style': 'area', 'color': colors['averageare'] };

memo.options.vAxis.viewWindow.min = 80;

memo.options.vAxis.viewWindow.max = 82;

memo.chart = new google.visualization.LineChart( memo.chartEl[0] ); // document.getElementById(memo.id)

drawChart(memo);

}

function addDataToTrendChart(memo) {

if ( memo.trendType == 'gaussian' ) { memo.trendType = 'linear'; };

// do axis min and max

memo.axisMinDate = new Date(memo.obsMinDate.getTime());

memo.axisMaxDate = new Date(memo.obsMaxDate.getTime());

memo.axisMinDate.setMonth(0);

memo.axisMaxDate.setMonth(11);

memo.axisMinDate.setDate(1);

memo.axisMaxDate.setDate(31);

if ( memo.obsesA.length < memo.divideCond ) { memo.divide = '-'; }

if ( memo.divide == 'summerwinter' ) {

memo.options.series[0] = { type: 'scatter', pointSize: 10, color: colors[ 'spring-autumn' ] };

memo.options.series[1] = { type: 'scatter', pointSize: 10, color: colors[ 'summer' ] };

memo.options.series[2] = { type: 'scatter', pointSize: 10, color: colors[ 'winter' ] };

memo.data.addColumn( 'number', 'Kevät/syksy' );

memo.data.addColumn( {'type': 'string', 'role': 'style' } );

memo.data.addColumn( { type: 'string', role: 'annotation' } );

memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );

memo.data.addColumn( 'number', 'Kesä (kesä-syyskuu)' );

memo.data.addColumn( {'type': 'string', 'role': 'style' } );

memo.data.addColumn( { type: 'string', role: 'annotation' } );

memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );

memo.data.addColumn( 'number', 'Talvi (tammi-huhtikuu)' );

memo.data.addColumn( {'type': 'string', 'role': 'style' } );

memo.data.addColumn( { type: 'string', role: 'annotation' } );

memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );

} else if ( memo.divide == 'summerother' ) {

memo.options.series[0] = { type: 'scatter', pointSize: 10, color: colors[ 'spring-autumn' ] };

memo.options.series[1] = { type: 'scatter', pointSize: 10, color: colors[ 'summer' ] };

memo.data.addColumn( 'number', 'Muu vuodenaika' );

memo.data.addColumn( {'type': 'string', 'role': 'style' } );

memo.data.addColumn( { type: 'string', role: 'annotation' } );

memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );

memo.data.addColumn( 'number', 'Kesä (kesä-syyskuu)' );

memo.data.addColumn( {'type': 'string', 'role': 'style' } );

memo.data.addColumn( { type: 'string', role: 'annotation' } );

memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );

} else if ( memo.divide == 'bottomsurface' ) {

memo.options.series[0] = { type: 'scatter', pointSize: 10, color: colors[ 'spring-autumn' ] };

memo.options.series[1] = { type: 'scatter', pointSize: 10, color: colors[ 'summer' ] };

memo.options.series[2] = { type: 'scatter', pointSize: 10, color: colors[ 'winter' ] };

memo.data.addColumn( 'number', 'Välivesi/Ei tietoa' );

memo.data.addColumn( {'type': 'string', 'role': 'style' } );

memo.data.addColumn( { type: 'string', role: 'annotation' } );

memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );

memo.data.addColumn( 'number', 'Pohja' );

memo.data.addColumn( {'type': 'string', 'role': 'style' } );

memo.data.addColumn( { type: 'string', role: 'annotation' } );

memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );

memo.data.addColumn( 'number', 'Pinta' );

memo.data.addColumn( {'type': 'string', 'role': 'style' } );

memo.data.addColumn( { type: 'string', role: 'annotation' } );

memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );

} else {

~~for (var o in~~ memo.~~obsesA)~~ {

memo.options.series[0] = { type: 'scatter', pointSize: 10, color: colors[ 'allyear' ] };

~~//dataRow = []~~;

memo.data.addColumn( 'number', memo.obsMinYear + '-' + memo.obsMaxYear );

memo.data.addColumn( {'type': 'string', 'role': 'style' } );

memo.data.addColumn( { type: 'string', role: 'annotation' } );

memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );

~~//if (!!memo.obsesA[o].addInfo) {~~

}

//dataArr.push( [ memo.obsesA[o].obsdatetime, memo.obsesA[o].value, 0, memo.obsesA[o].value, memo.obsesA[o].value, 'point { size: 5; fill-color: #0076b0; stroke-width: 2; stroke-color: ' + maintColors[memo.obsesA[o].maintainer] + '; }~~', '', memo.obsesA[o].popup ] );~~

//memo.dataA.push( [ memo.obsesA[o].obsdatetime, memo.obsesA[o].value, 'point { size: 5; fill-color: #0076b0; stroke-width: 2; stroke-color: ' + maintColors[memo.obsesA[o].maintainer] + '; }', null, memo.obsesA[o].popup ] );

// series for trend line

~~memo.dataA.push( [ memo.obsesA[o].obsdatetime, memo.obsesA[o].value, memo.obsesA[o].style, null, memo.obsesA[o].popup ] );~~

if ( memo.showTrend ) {

//~~} else {~~

~~//dataArr.push~~( ~~[ memo.obsesA[o].obsdatetime, memo.obsesA[o].value, 0,~~ memo.~~obsesA[o].value, memo.obsesA[o].value, 'point { size: 4; fill-color: #5893b0; stroke-width: 2; stroke-color: ' + maintColors[memo.obsesA[o].maintainer] + '; }', '', memo.obsesA[o].popup ]~~ );

~~//memo.dataA.push( [ memo.obsesA[o].obsdatetime, memo.obsesA[o].value, 'point~~ { ~~size: 4; fill-color: #5893b0; stroke-width: 2; stroke-color: ' + maintColors[memo.obsesA[o].maintainer] + '; }', null, memo.obsesA[o].popup ] );~~

~~//}~~

//memo.~~dataA~~.~~push~~( ~~dataRow~~ );

if ( memo.divide == 'summerwinter' ) {

memo.options.trendlines[0] = { 'lineWidth': 0, 'opacity': 0, tooltip: false, visibleInLegend: false };

memo.options.trendlines[1] = { labelInLegend: i18n['trendline'][memo.lang], tooltip: false, color: colors['summer'], lineWidth: 3, originalLineWidth: 3, opacity: 1, type: memo.trendType, 'degree': 2, visibleInLegend: false };

memo.options.trendlines[2] = { labelInLegend: i18n['trendline'][memo.lang], tooltip: false, color: colors['winter'], lineWidth: 3, originalLineWidth: 3, opacity: 1, type: memo.trendType, 'degree': 2, visibleInLegend: false };

} else if ( memo.divide == 'summerother' ) {

memo.options.trendlines[0] = { 'lineWidth': 0, 'opacity': 0, tooltip: false, visibleInLegend: false };

memo.options.trendlines[1] = { labelInLegend: i18n['trendline'][memo.lang], tooltip: false, color: colors['summer'], lineWidth: 3, originalLineWidth: 3, opacity: 1, type: memo.trendType, 'degree': 2, visibleInLegend: false };

} else if ( memo.divide == 'bottomsurface' ) {

memo.options.trendlines[0] = { 'lineWidth': 0, 'opacity': 0, tooltip: false, visibleInLegend: false };

memo.options.trendlines[1] = { labelInLegend: i18n['trendline'][memo.lang], tooltip: false, color: colors['summer'], lineWidth: 3, originalLineWidth: 3, opacity: 1, type: memo.trendType, 'degree': 2, visibleInLegend: false };

memo.options.trendlines[2] = { labelInLegend: i18n['trendline'][memo.lang], tooltip: false, color: colors['winter'], lineWidth: 3, originalLineWidth: 3, opacity: 1, type: memo.trendType, 'degree': 2, visibleInLegend: false };

} else {

memo.options.trendlines[0] = { labelInLegend: i18n['trendline'][memo.lang], tooltip: false, color: colors['allyear'], lineWidth: 3, originalLineWidth: 3, opacity: 1, type: memo.trendType, 'degree': 2, visibleInLegend: memo.trendType!='moving' };

}

for ( var t in memo.options.trendlines ) {

if ( memo.trendType == 'linear' ) {

memo.options.trendlines[ t ].type = 'linear';

} else if ( memo.trendType = 'poly2deg' ) {

memo.options.trendlines[ t ].type = 'polynomial';

memo.options.trendlines[ t ].degree = 2;

} else if ( memo.trendType = 'poly3deg' ) {

memo.options.trendlines[ t ].type = 'polynomial';

memo.options.trendlines[ t ].degree = 3;

} else if ( memo.trendType == 'smart' ) {

if ( ( memo.axisMaxDate.getFullYear() - memo.axisMinDate.getFullYear() > 10 ) && memo.obsesTotal > 20 ) {

memo.options.trendlines[ t ].type = 'polynomial';

memo.options.trendlines[ t ].degree = 2;

} else {

memo.options.trendlines[ t ].type = 'linear';

}

for (var o in memo.obsesA) {

if ( memo.divide == 'summerwinter' ) {

if ( memo.obsesA[o].seriesId == 'summer' ) {

memo.dataA.push( [ memo.obsesA[o].obsdatetime, null, null, null, null, memo.obsesA[o].value, memo.obsesA[o].style, null, memo.obsesA[o].popup, null, null, null, null ] );

} else if ( memo.obsesA[o].seriesId == 'winter' ) {

memo.dataA.push( [ memo.obsesA[o].obsdatetime, null, null, null, null, null, null, null, null, memo.obsesA[o].value, memo.obsesA[o].style, null, memo.obsesA[o].popup ] );

} else {

memo.dataA.push( [ memo.obsesA[o].obsdatetime, memo.obsesA[o].value, memo.obsesA[o].style, null, memo.obsesA[o].popup, null, null, null, null, null, null, null, null ] );

}

} else if ( memo.divide == 'summerother' ) {

if ( memo.obsesA[o].seriesId == 'summer' ) {

memo.dataA.push( [ memo.obsesA[o].obsdatetime, null, null, null, null, memo.obsesA[o].value, memo.obsesA[o].style, null, memo.obsesA[o].popup ] );

} else {

memo.dataA.push( [ memo.obsesA[o].obsdatetime, memo.obsesA[o].value, memo.obsesA[o].style, null, memo.obsesA[o].popup, null, null, null, null ] );

}

} else if ( memo.divide == 'bottomsurface' ) {

if ( memo.obsesA[o].seriesId == 'bottom' ) {

memo.dataA.push( [ memo.obsesA[o].obsdatetime, null, null, null, null, memo.obsesA[o].value, memo.obsesA[o].style, null, memo.obsesA[o].popup, null, null, null, null ] );

} else if ( memo.obsesA[o].seriesId == 'surface' ) {

memo.dataA.push( [ memo.obsesA[o].obsdatetime, null, null, null, null, null, null, null, null, memo.obsesA[o].value, memo.obsesA[o].style, null, memo.obsesA[o].popup ] );

} else {

memo.dataA.push( [ memo.obsesA[o].obsdatetime, memo.obsesA[o].value, memo.obsesA[o].style, null, memo.obsesA[o].popup, null, null, null, null, null, null, null, null ] );

}

} else {

memo.dataA.push( [ memo.obsesA[o].obsdatetime, memo.obsesA[o].value, memo.obsesA[o].style, null, memo.obsesA[o].popup ] );

}

memo.options.hAxis.ticks = [];

var years = memo.axisMaxDate.getFullYear() - memo.axisMinDate.getFullYear();

for (i=memo.axisMinDate.getFullYear(); i<=memo.axisMaxDate.getFullYear(); i++) {

middleOfYear = new Date( i, 6, 1 );

memo.options.hAxis.ticks.push({v: middleOfYear, f: String(i) });

if ( years > 50 ) {

if ( i % 10 == 0 ) {

memo.options.hAxis.ticks.push({v: middleOfYear, f: String(i) });

}

} else if ( years > 11 ) {

if ( i % 5 == 0 ) {

memo.options.hAxis.ticks.push({v: middleOfYear, f: String(i) });

}

} else if ( years > 6 ) {

if ( i % 2 == 0 ) {

memo.options.hAxis.ticks.push({v: middleOfYear, f: String(i) });

}

} else {

memo.options.hAxis.ticks.push({v: middleOfYear, f: String(i) });

}

memo.options.hAxis.gridlines.color = '#ffffff';

memo.options.~~series[0]~~ = ~~{type: 'scatter', pointSize: 6, color:~~ '#~~3366cc~~' };

drawChart(memo);

Rivi 618:

Rivi 1 324:

memo.seasonsO[s].obses.push( memo.obsesA[o] );

}

for (var o in memo.seasonsO) { memo.seasonsA.push(o); } memo.seasonsA.sort( function(a,b) { return b-a; } );

Rivi 641:

Rivi 1 346:

if ( memo.seasonsA[s] == memo.curSeason ) {

if ( memo.type == 'cat' ) {

memo.options.series[sc++] = { type: 'scatter', curveType: 'function', color: colors['curObses']~~, XpointSize: 3~~, lineWidth: 0, visibleInLegend: true, hideThis: false~~, origSize: 10~~ };

memo.options.series[sc++] = { type: 'scatter', curveType: 'function', color: colors['curObses'], lineWidth: 0, visibleInLegend: true, hideThis: false };

} else {

memo.options.series[sc++] = { type: 'scatter', curveType: 'function', color: colors['curObses'], ~~XpointSize~~: 3, lineWidth: 4, visibleInLegend: true, hideThis: false~~, origSize: 10~~ };

memo.options.series[sc++] = { type: 'scatter', curveType: 'function', color: colors['curObses'], pointSize: 10, lineWidth: 4, visibleInLegend: true, hideThis: false };

}

} else {

memo.options.series[sc++] = { type: 'scatter', curveType: 'function', color: colors['obses'], ~~XpointSize~~: 5, lineWidth: 0, visibleInLegend: false, hideThis: true~~, origSize: 5~~ };

memo.options.series[sc++] = { type: 'scatter', curveType: 'function', color: colors['obses'], pointSize: 10, lineWidth: 0, visibleInLegend: false, hideThis: true };

}

Rivi 652:

Rivi 1 357:

// legend entry for timespan

memo.data.addColumn( 'number', memo.obsMinDate.getFullYear() + '-' + memo.obsMaxDate.getFullYear() );

memo.options.series[sc++] = { type: 'scatter', color: colors['obses'], pointSize: 5, visibleInLegend: true, hideThis: false };

memo.options.series[sc++] = { type: 'scatter', color: colors['obses'], pointSize: 10, visibleInLegend: true, hideThis: false };

// series for average

memo.data.addColumn( 'number', i18n['average'][memo.lang] );

if ( i18n[memo.obscode].trend.layout == 'area') {

memo.options.series[sc++] = { type: 'area', curveType: 'function', lineWidth: 2, pointSize: 0, color: colors['~~average~~'], areaOpacity: ~~0.25~~, lineDashStyle: [2,2], enableInteractivity: false, visibleInLegend: memo.trendType=='moving' };

memo.options.series[sc++] = { type: 'area', curveType: 'function', lineWidth: 2, pointSize: 0, color: colors['averagearea'], areaOpacity: 1, lineDashStyle: [2,2], enableInteractivity: false, visibleInLegend: memo.trendType=='moving' };

} else {

memo.options.series[sc++] = { type: 'line', curveType: 'function', lineWidth: 3, pointSize: 5, color: colors['average'], dataOpacity: ~~0.75~~, lineDashStyle: [6,3], enableInteractivity: false, visibleInLegend: memo.trendType=='moving' };

memo.options.series[sc++] = { type: 'line', curveType: 'function', lineWidth: 3, pointSize: 0, color: colors['average'], dataOpacity: 1, lineDashStyle: [6,3], enableInteractivity: false, visibleInLegend: memo.trendType=='moving' };

}

memo.data.addColumn( { id: 'dev', type: 'number', role: 'interval' } );

//memo.options.intervals = { 'style': 'color': colors['averagearea'] };

if ( memo.seasonsA.length == 1 && memo.seasonsA[0] == memo.curSeason ) {

memo.options.series[ sc-1 ].lineWidth = 0;

memo.options.series[ sc-1 ].pointSize = 0;

//memo.options.series[ sc-1 ].color = colors['averagearea'];

//memo.options.series[ sc-1 ].areaOpacity = 1;

memo.options.series[ sc-1 ].labelInLegend = false;

memo.options.intervals = { 'style':'none' };

}

// series for trend line

memo.data.addColumn( 'number', 'trend' );

//memo.options.trendlines[sc] = { labelInLegend: i18n['trendline'][memo.lang], tooltip: false, color: colors['trend'], lineWidth: 2, opacity: 0.5, type: 'polynomial', degree: 15, visibleInLegend: memo.trendType!='moving' };

memo.options.series[sc++] = { type: 'scatter', pointSize: 0, enableInteractivity: false, visibleInLegend: false, hideThis: false };

Rivi 686:

Rivi 1 398:

// make week averages

memo.avgW = {};

for (var o in memo.obsesA) {

for ( var o in memo.obsesA ) {

mwDate = new Date( memo.obsesA[o].compareDate.~~getFullYear~~()~~, memo~~.~~obsesA[o]~~.~~compareDate~~.~~getMonth~~(), memo.obsesA[o].~~compareDate.getDate() )~~;

mwDate = new Date( memo.obsesA[o].compareDate.getTime() );

mwDate.setDate( mwDate.getDate() - mwDate.getDay() + 3 );

memo.obsesA[o].mwDate = mwDate;

y = mwDate.getFullYear();

w = mwDate.getWeek();

v = memo.obsesA[o].value + memo.distF*Math.random() - memo.distF*Math.random();

if ( memo.season == 'winter' && w == 1 && y == memo.curSeason ) { y++; }

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 {

Rivi 705:

Rivi 1 420:

}

~~//console.log(memo.avgW);~~

// calculate standard deviation

Rivi 744:

Rivi 1 457:

memo.avgWlist.sort( function(a, b) { return (a.y*100+a.w) - (b.y*100+b.w); });

~~//console.log(memo.avgWlist);~~

firstY = memo.avgWlist[0].y;

Rivi 765:

Rivi 1 476:

for ( var w=w1; w<=w2; w++) {

~~//console.log( y + '/' + w );~~

if ( typeof(memo.avgW[y][w]) == 'undefined' ) {

Rivi 796:

Rivi 1 505:

}

~~//console.log(memo.avgMlist);~~

for ( var i=0; i<memo.avgMlist.length; i++ ) {

Rivi 821:

Rivi 1 528:

}

~~//console.log(memo.avgMlist);~~

~~// if full year~~

if ( memo.avgMlist.length >= 52 ) {

Rivi 850:

Rivi 1 554:

memo.avgHlist.unshift( prev + 2 * devAvg );

memo.avgHlist.push( next + 2 * devAvg );

}

Rivi 859:

Rivi 1 561:

memo.avgLsmooth = smooth( memo.avgLlist, memo.gSmoothing );

memo.avgHsmooth = smooth( memo.avgHlist, memo.gSmoothing );

~~//console.log(memo.avgMlist);~~

~~//console.log(memo.avgLsmooth);~~

cc = memo.data.getNumberOfColumns();

Rivi 874:

Rivi 1 572:

for (var e=0; e<cc; e++) { dataRow.push( null ); }

dataRow[0] = new Date( memo.avgW[firstY][firstW].cDate.getTime() + (i - 1)*msW );

xdate = new Date( memo.avgW[firstY][firstW].cDate.getTime() + ( i + 1 - memo.gSmoothing/2 ) * msW );

if ( xdate.getTime() < memo.axisMinDate.getTime() ) {

dataRow[0] = memo.axisMinDate;

} else if ( xdate.getTime() > memo.axisMaxDate.getTime() ) {

dataRow[0] = memo.axisMaxDate;

} else {

dataRow[0] = xdate; //new Date( memo.avgW[firstY][firstW].cDate.getTime() + ( i + 1 - memo.gSmoothing/2 ) * msW );

}

//dataRow[cc-4] = memo.~~avgMlist~~[i];

dataRow[cc-4] = memo.avgMsmooth[i];

dataRow[cc-4] = memo.~~avgMsmooth~~[i];

if ( memo.obscode == 'level' ) {

dataRow[cc-3] = memo.avgLsmooth[i];

} else {

dataRow[cc-3] = Math.max( memo.avgLsmooth[i], 0 );

}

dataRow[cc-2] = memo.avgHsmooth[i];

~~//dataRow[cc-3] = Math.min( memo.avgLsmooth[i], memo.avgMlist[i+memo.gSmoothing/2+2] );~~

~~//dataRow[cc-2] = Math.max( memo.avgHsmooth[i], memo.avgMlist[i+1] );~~

memo.dataA.push( dataRow );

}

~~memo.options.intervals = { 'style':'area' };~~

~~//console.log(memo.dataA);~~

} else if (memo.trendType == 'moving') {

Rivi 900:

Rivi 1 600:

// add data to table

cc = memo.data.getNumberOfColumns();

for (var s in memo.seasonsA) {

Rivi 922:

Rivi 1 623:

dataRow[s*4+2] = obs.style;

dataRow[s*4+3] = obs.popup;

dataRow[s*4+4] = null; //annotation

if ( ( today.getTime() - obs.compareDate.getTime() < 10*24*60*60*1000 ) && s == 0 && o == ( memo.seasonsO[memo.seasonsA[s]].obses.length - 1 ) ) {

y = obs.mwDate.getFullYear();

w = obs.mwDate.getWeek();

if ( memo.season == 'winter' && w == 1 && y == memo.curSeason ) { y++; }

var diff = obs.value - memo.avgW[ y ][ w ].avg;

var diff = Math.round( diff*100 );

var diffStr = diff.toString() + ' cm';

if ( diff > 0 ) { diffStr = '+' + diffStr; }

dataRow[s*4+4] = null; //diffStr; //annotation

} else {

dataRow[s*4+4] = null; //annotation

}

memo.dataA.push( dataRow );

Rivi 966:

Rivi 1 679:

}

if ( memo.obscode == 'level' ) {

memo.options.vAxis.viewWindow.min = Math.floor( memo.obsMinValue * 10 ) / 10;

memo.options.vAxis.viewWindow.max = Math.ceil( memo.obsMaxValue * 10 ) / 10 ;

}

//console.log( memo );

drawChart(memo);

drawChart( memo );

}

function drawChart(memo) {

function ~~drawChart~~(memo) {

memo.loaderEl.fadeOut( "slow", function() { memo.loaderEl.remove(); } );

if (memo.dataA.length > 0) {

Rivi 978:

Rivi 1 699:

memo.data.addRows(memo.dataA);

memo.chart = new google.visualization.ComboChart( memo.chartEl[0] ); // document.getElementById(memo.id)

if ( typeof memo.chart == 'undefined' ) {

memo.chart = new google.visualization.ComboChart( memo.chartEl[0] ); // document.getElementById(memo.id)

~~//doResize();~~

}

memo.fullscreenEl.fadeIn( "slow" );

memo.downloadEl.fadeIn( "slow" );

if ( memo.download) { memo.downloadEl.fadeIn( "slow" ); }

if ( memo.showlink ) { memo.sitelinkEl.fadeIn( "slow" ); }

memo.selectedCol = 0;

Rivi 997:

Rivi 1 719:

if (memo.options.series[c].hideThis) {

memo.options.series[c].lineWidth = 0;

~~//memo.options.series[c].pointSize = memo.options.series[c].origSize;~~

memo.options.series[c].color = colors['obses'];

memo.options.series[c].visibleInLegend = false;

Rivi 1 005:

Rivi 1 726:

if (col != memo.selectedCol && memo.options.series[(col-1)/4].hideThis) {

memo.selectedCol = col;

memo.options.series[(col-1)/4].lineWidth = 3;

~~//memo.options.series[(col-1)/4].pointSize = 12;~~

memo.options.series[(col-1)/4].color = colors['selObses'];

memo.options.series[(col-1)/4].visibleInLegend = true;

} else {

memo.selectedCol = 0;

Rivi 1 019:

Rivi 1 739:

for (var c in memo.options.series) {

if (memo.options.series[c].hideThis) {

memo.options.series[c].lineWidth = 0;

~~//memo.options.series[c].pointSize = memo.options.series[c].origSize;~~

memo.options.series[c].color = colors['obses'];

memo.options.series[c].visibleInLegend = false;

Rivi 1 028:

Rivi 1 747:

}

//doResize();

doResize( memo, true );

});

~~memo~~.~~editEl~~.on( '~~click~~', function() {

google.visualization.events.addListener( memo.chart, 'ready', function () {

~~window.location.href = memo.editUrl;~~

~~});~~

// hide every second vaxis gridline on cat charts

if ( i18n[memo.obscode]['type'] == 'cat') {

~~memo.fullscreenEl.~~on~~( 'click', function() {~~

var glc = 0;

jQuery( document.getElementById(memo.id) ).find( 'rect[height="1"]' ).each( function() {

~~var elem = memo.widgetEl[0];~~

if ( ( glc++ % 2 ) == 0 ) {

jQuery( this ).attr( 'fill', 'none' );

if (~~!!document.fullscreenElement) {~~

}

});

//memo.options.chartArea = { top: memo.margins.top, left: memo.margins.left, width: (memo.widgetEl.width() - memo.margins.left - memo.margins.right), height: (memo.widgetEl.height() - memo.margins.top - memo.margins.bottom), backgroundColor: { fill: '~~#daf0fa~~'~~, stroke:~~ '~~#fff~~'~~, strokeWidth: 6 }};~~

~~if (document.exitFullscreen~~) {

~~document.exitFullscreen();~~

~~} else if (document.mozCancelFullScreen) { /* Firefox */~~

~~document.mozCancelFullScreen()~~;

~~} else if~~ (document.~~webkitExitFullscreen) { /* Chrome, Safari and Opera */~~

~~document.webkitExitFullscreen~~();

~~} else if (document~~.~~msExitFullscreen~~) ~~{ /* IE/Edge */~~

~~document.msExitFullscreen(~~);

}

~~memo.fullscreenEl~~.find( '~~button' ).html( '<i class~~="~~fas fa-expand~~"~~></i>~~' );

~~} else {~~

~~if (elem.requestFullscreen) {~~

~~elem~~.~~requestFullscreen~~();

~~} else if~~ (~~elem.mozRequestFullScreen~~) { ~~/* Firefox */~~

~~elem.mozRequestFullScreen();~~

~~} else~~ if (~~elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */~~

~~elem.webkitRequestFullscreen~~();

~~} else if (elem.msRequestFullscreen~~) { ~~/* IE/Edge */~~

~~elem.msRequestFullscreen~~();

}

~~memo.fullscreenEl~~.~~find~~( '~~button~~' ~~).html(~~ '~~<i class="fas fa-compress"></i>~~' );

}

//~~doResize~~();

// add dash to trendlines

});

jQuery( document.getElementById(memo.id) ).find( 'path[stroke-width="2.33"]' ).each( function() {

jQuery( this ).attr('stroke-dasharray', '5, 5');

});

memo.~~downloadEl~~.on( '~~click~~'~~, function~~() {

// move current observations to top

gEl = jQuery( document.getElementById(memo.id) ).find( 'svg' ).append( 'g' );

jQuery( document.getElementById(memo.id) ).find( 'path[stroke="' + colors['curObses'] + '"]' ).detach().appendTo( gEl );

jQuery( document.getElementById(memo.id) ).find( 'circle[fill="' + colors['curObses'] + '"]' ).detach().appendTo( gEl );

jQuery( document.getElementById(memo.id) ).find( 'path[fill="' + colors['curObses'] + '"]' ).detach().appendTo( gEl );

// move selected observations to top

jQuery( document.getElementById(memo.id) ).find( 'path[stroke="' + colors['selObses'] + '"]' ).detach().appendTo( gEl );

jQuery( document.getElementById(memo.id) ).find( 'circle[fill="' + colors['selObses'] + '"]' ).detach().appendTo( gEl );

~~var header = '';~~

});

~~header += '\uFEFF'; // BOM~~

~~var csv = '';~~

~~//csv += '\r\nsep=,\r\n'~~;

~~var headerCols = [];~~

~~var csvCols = [];~~

~~if ( i18n[memo.obscode].type == 'num' )~~ {

} else {

~~//headerCols.push~~( ~~i18n[ 'Date' ][ memo.lang ] );~~

jQuery( jQuery( document.getElementById(memo.id) ) ).hide();

~~//headerCols.push~~( ~~i18n[ 'Date' ][ memo.lang ] );~~

~~headerCols~~.~~push~~( ~~'"' + i18n[~~memo.~~obscode].axisTitleV[memo.lang] + '"'~~ );

~~headerCols.push( 'Lisätiedot'~~ );

~~headerCols.push( 'Valokuva'~~ );

~~headerCols~~.~~push~~( ~~'Havainnoijan status'~~ );

~~header += headerCols.join( i18n['sep'][memo.lang] );~~

}

~~for~~ ( ~~var o in~~ memo~~.obses~~ ) {

doResize( memo );

~~csvCols = [];~~

}

~~csvCols.push~~( memo~~.obses[o].obsdatetime.getFullYear(~~) ~~+ '-' + ( memo~~.~~obses[o].obsdatetime.getMonth~~(~~) + 1 ) +~~ '-' ~~+ memo.obses[o].obsdatetime.getDate()~~ );

var doResize = function( memo, force = false ) {

console.log( 'reize');

if ( ~~memo.obses[o].obsdatetime.getUTCHours() == 0 && memo.obses[o].obsdatetime.getUTCMinutes() == 0 && memo.obses[o].obsdatetime.getUTCSeconds() == 0 ) {~~

function wait() {

~~csvCols.push( ''~~ );

~~} else~~ {

~~csvCols.push( ( "0" + memo.obses[o].obsdatetime.getUTCHours() ).slice(-2) + ':' + ( "0" + memo.obses[o].obsdatetime.getUTCMinutes() ).slice(-2) );~~

}

~~csvCols.push( '"' + memo.obses[o].value.toString~~(~~).replace( '.', i18n['dec'][~~memo.~~lang] ) +~~ '"' );

if ( typeof memo.chartEl != 'undefined' && typeof memo.options != 'undefined' ) {

~~csvCols.push(~~ memo.~~obses[o].addInfo );~~

~~csvCols.push(~~ '' );

~~csvCols.push( memo.obses[o].maintainer );~~

~~csv +~~= ~~'\r\n' + csvCols~~.~~join~~( ~~i18n['sep'][~~memo.~~lang]~~ );

var w = memo.chartEl.width();

var h = memo.chartEl.height();

}

if ( typeof memo.oldW == 'undefined' ) { memo.oldW = 1; }

if ( typeof memo.oldH == 'undefined' ) { memo.oldH = 1; }

if ( ( w != memo.oldW || h != memo.oldH ) && w*h != 0 || force ) {

~~} else if ( i18n[~~memo.~~obscode]~~.~~type =~~= ~~'date' ) {~~

memo.oldW = w; memo.oldH = h;

~~if ( i18n[memo.obscode].season == 'winter' ) {~~

~~header += i18n[ 'season' ][ i18n[memo.obscode].season ][ memo.lang ];~~

~~} else {~~

~~header += i18n[ 'year' ][ memo.lang ];~~

}

~~header += ';' + i18n[ 'Observation' ][ memo.lang ];~~

~~header += ';' + i18n[ 'Value' ][ memo.lang ];~~

~~header += ';' + i18n[ 'ValueUnit' ][ memo.lang ];~~

~~header += ';' + i18n[ 'Additionalinfo' ][ memo.lang ];~~

~~header += ';' + i18n[ 'Image' ][ memo.lang ];~~

~~header += ';' + i18n[ 'ObserverStatus' ][ memo.lang ];~~

~~for ( var s in memo.seriesA ) {~~

~~for ( var o in memo.seriesA[ s ].obses ) {~~

~~obs = memo.seriesA[ s ].obses[ o ];~~

~~csv += '\r\n';~~

~~csv += obs.season + '-' + (obs.season+1);~~

~~csv += ';' + i18n[ memo.seriesA[ s ].id ].title[ memo.lang ];~~

~~csv += ';' + obs.value;~~

~~csv += ';' + obs.valueUnit;~~

~~csv += ';' + obs.addInfo;~~

~~csv += ';';~~

~~csv += ';' + obs.maintainer;~~

}

~~} else if ( i18n[memo.obscode].type == 'cat' ) {~~

~~header += 'Päivämäärä';~~

~~header += ';' + 'Kellonaika';~~

~~header += ';' + i18n[memo.obscode].title[memo.lang];~~

~~header += ';' + utf8StringToUtf16String( 'Lisätiedot' );~~

~~header += ';' + 'Valokuva';~~

~~header += ';' + 'Havainnoijan status';~~

~~for ( var o in memo.obses ) {~~

~~csv += '\r\n';~~

~~csv += memo.obses[o].obsdatetime.toLocaleDateString(); //.toISOString();~~

~~if ( memo.obses[o].obsdatetime.getUTCHours() == 0 && memo.obses[o].obsdatetime.getUTCMinutes() == 0 && memo.obses[o].obsdatetime.getUTCSeconds() == 0 ) {~~

~~csv += ';';~~

~~} else {~~

~~csv += ';' + ( "0" + memo.obses[o].obsdatetime.getUTCHours() ).slice(-2) + ':' + ( "0" + memo.obses[o].obsdatetime.getUTCMinutes() ).slice(-2);~~

}

~~csv += ';' + memo.obses[o].value;~~

~~csv += ';' + i18n[memo.obscode].catNames[memo.obses[o].value][memo.lang];~~

~~csv += ';' + memo.obses[o].addInfo;~~

~~csv += ';';~~

~~csv += ';' + memo.obses[o].maintainer;~~

}

~~csv = header + csv;~~

~~//console.log( csv );~~

~~var exportedFilename = memo.csvfile;~~

~~var blob = new Blob( [csv], { type: 'text/csv;charset=utf-16LE;' });~~

~~if (navigator.msSaveBlob) { // IE 10+~~

~~navigator.msSaveBlob(blob, exportedFilename);~~

~~} else {~~

~~var link = document.createElement("a");~~

~~if (link.download !== undefined) { // feature detection~~

~~// Browsers that support HTML5 download attribute~~

~~var url = URL.createObjectURL(blob);~~

~~link.setAttribute("href", url);~~

~~link.setAttribute("download", exportedFilename);~~

~~link.style.visibility = 'hidden';~~

~~document.body.appendChild(link);~~

~~link.click();~~

~~document.body.removeChild(link);~~

}

~~});~~

~~jQuery( window ).resize(function() {~~

~~setTimeout( doResize, 100 );~~

~~});~~

~~function doResize() {~~

memo.margins = { top: 10, right: 10, bottom: 80, left: 80 };

var w = memo.chartEl.width();

var h = memo.chartEl.height();

var l = Math.max( memo.margins.left, 0.1*w );

var r = Math.max( memo.margins.right, 0.02*w );

Rivi 1 234:

Rivi 1 819:

var b = Math.max( memo.margins.bottom, 0.15*h );

~~if (!!document.fullscreenElement) {~~

memo.options.chartArea.top = t;

//memo.options.chartArea = ~~{ top:~~ memo.~~margins~~.~~top*2,~~ left: memo.~~margins~~.~~left*2,~~ width: (memo.~~widgetEl~~.~~width~~() - ~~memo.margins.left*2~~ - memo.~~margins~~.~~right - 24~~)~~, height:~~ (memo.~~widgetEl~~.~~height(~~) - memo.~~margins~~.~~top*2 - memo~~.~~margins~~.~~bottom*2~~)~~, backgroundColor:~~ { ~~fill~~: '~~#daf0fa~~', ~~stroke:~~ '~~#fff~~', ~~strokeWidth: 6 }}~~;

memo.options.chartArea.left = l;

~~} else {~~

memo.options.chartArea.width = (w - l - r);

~~//memo.options.chartArea~~ = ~~{ top: memo~~.~~margins.top, left~~: ~~memo~~.~~margins~~.~~left,~~ width: ~~(memo.widgetEl~~.~~width~~() ~~- memo.margins.left - memo.margins.right~~)~~, height:~~ (~~memo~~.~~widgetEl.height~~() - ~~memo.margins.top - memo.margins.bottom~~)~~, backgroundColor:~~ { ~~fill:~~ '~~#daf0fa~~', ~~stroke~~: '~~#fff~~'~~, strokeWidth: 6 }}~~;

memo.options.chartArea.height = (h - t - b);

}

~~//memo~~.~~options.chartArea = { top: t, left: l, width:~~ (w - l - r)~~, height: (h - t~~ - b)~~, backgroundColor:~~ { ~~fill:~~ '~~#daf0fa~~', stroke: '~~#fff~~'~~, strokeWidth: 6 }~~};

for ( var o in memo.data.Wf ) {

~~memo~~.~~options~~.~~chartArea = { top~~: t, ~~left: l~~, ~~width:~~ (w - l - r)~~, height:~~ (h - t - b)~~, backgroundColor: { fill:~~ '~~#fff~~', ~~stroke:~~ '~~#eee~~'~~, strokeWidth: 4 }}~~;

for ( var i in memo.data.Wf[ o ].c ) {

v = memo.data.Wf[ o ].c[ i ].v;

~~//console~~.~~log~~( ~~memo~~.~~options~~ );

if ( typeof v == 'string' ) {

if ( v.indexOf( 'point {' ) == 0 ) {

~~memo~~.~~chart.draw~~( ~~memo.data, memo.options~~ );

oldsize = parseInt( v.match( / size: .+;/g )[0].replace( ' size: ', '' ).replace( ';', '') );

oldstroke = parseFloat( v.match( / stroke-width: .+;/g )[0].replace( ' stroke-width: ', '' ).replace( ';', '') );

if ( v.indexOf( 'original-size:' ) == -1 ) {

v = v.replace( '{', '{ original-size: ' + oldsize.toString() + ';' );

}

if ( v.indexOf( 'original-stroke-size:' ) == -1 ) {

v = v.replace( '{', '{ original-stroke-size: ' + oldstroke.toString() + ';' );

}

orgsize = parseInt( v.match( /original-size: .+;/g )[0].replace( 'original-size: ', '' ).replace( ';', '') );

orgstroke = parseFloat( v.match( /original-stroke-size: .+;/g )[0].replace( 'original-stroke-size: ', '' ).replace( ';', '') );

newsize = Math.round( Math.sqrt( Math.sqrt( ( w / 500 ) ) ) * orgsize );

newstroke = Math.sqrt( ( w / 500 ) ) * orgstroke;

~~// hide every second vaxis gridline on cat charts~~

if ( w > 500 ) {

if ( ~~i18n[memo~~.~~obscode][~~'~~type~~'~~] ==~~ '~~cat~~') {

v = v.replace( ' size: ' + oldsize.toString(), ' size: ' + newsize.toString() );

~~var glc~~ = 0;

v = v.replace( ' stroke-width: ' + oldstroke.toString(), ' stroke-width: ' + newstroke.toString() );

~~jQuery~~( ~~document~~.~~getElementById(~~memo.~~id) )~~.~~find( 'rect~~[~~height~~=~~"1"]' )~~.~~each~~( ~~function~~() {

for ( var t in memo.options.trendlines ) {

if ( ( ~~glc~~+~~+ % 2~~ ) ~~== 0~~ ) {

memo.options.trendlines[t].lineWidth = Math.sqrt( (w/500) ) * memo.options.trendlines[t].originalLineWidth;

~~jQuery( this )~~.~~attr~~( '~~fill~~', '~~none~~' );

}

} else {

v = v.replace( ' size: ' + oldsize.toString(), ' size: ' + orgsize.toString() );

v = v.replace( ' stroke-width: ' + oldstroke.toString(), ' stroke-width: ' + orgstroke.toString() );

for ( var t in memo.options.trendlines ) {

memo.options.trendlines[t].lineWidth = memo.options.trendlines[t].originalLineWidth;

}

memo.data.Wf[ o ].c[ i ].v = v;

break;

}

});

}

s1 = memo.data.Wf[ o ].c[ 2 ];

s2 = memo.data.Wf[ o ].c[ 6 ];

}

memo.chart.draw( memo.data, memo.options );

~~// add dash to trendlines~~

~~jQuery( document.getElementById(memo.id) ).find( 'path[stroke-width="2.33"]' ).each( function() {~~

~~jQuery( this ).attr('stroke-dasharray', '5, 5');~~

~~});~~

~~// move current observations to top~~

~~gEl = jQuery( document.getElementById(memo.id) ).find( 'svg' ).append( 'g' );~~

~~//jQuery( document.getElementById(memo.id) ).find( 'circle[stroke-width="3"]' ).detach().appendTo( gEl );~~

~~jQuery( document.getElementById(memo.id) ).find( 'path[stroke="#3366cc"]' ).detach().appendTo( gEl );~~

~~jQuery( document.getElementById(memo.id) ).find( 'circle[fill="#3366cc"]' ).detach().appendTo( gEl );~~

~~jQuery( document.getElementById(memo.id) ).find( 'circle[stroke-width="3"]' ).each( function() { jQuery( this ).parent().append( jQuery( this ) ); });~~

~~//jQuery( document.getElementById(memo.id) ).find( 'circle[fill="#3366cc"]' ).each( function() { jQuery( this ).parent().append( jQuery( this ) ); });~~

~~//jQuery( document.getElementById(memo.id) ).find( 'path[stroke="#3366cc"]' ).each( function() { jQuery( this ).parent().append( jQuery( this ) ); });~~

}

} else {

setTimeout( wait, 500 );

}

~~jQuery~~( ~~jQuery( document.getElementById~~(memo.id) ~~) ).hide~~();

}

//wait();

if ( typeof memo.chartEl != 'undefined' ) {

setTimeout( wait, 100 );

}

~~doResize();~~

}

window.jwobschartresize = doResize;

function smooth( list, degree ) {

Rivi 1 322:

Rivi 1 916:

var week1 = new Date(date.getFullYear(), 0, 4);

// Adjust to Thursday in week 1 and count number of weeks from date to week1.

return 1 + Math.round(((date.getTime() - week1.getTime()) / 86400000

return 1 + Math.round(((date.getTime() - week1.getTime()) / 86400000 - 3 + (week1.getDay() + 6) % 7) / 7);

- 3 + (week1.getDay() + 6) % 7) / 7);

}

function getDateOfISOWeek(w, y) {

var simple = new Date(y, 0, 1 + (w - 1) * 7);

var dow = simple.getDay();

var ISOweekStart = simple;

if (dow <= 4) {

ISOweekStart.setDate(simple.getDate() - simple.getDay() + 1);

} else {

ISOweekStart.setDate(simple.getDate() + 8 - simple.getDay());

}

return ISOweekStart;

}

var maintColors = { 'authority': '#bb1111', 'expert': '#ff9933', 'experienced': '#666666', 'user': '#aaaaaa'};

var seriesC = [ '~~lightgray~~', '#~~3366cc~~', '~~orange~~' ];

//var seriesC = [ '#e4e3de', '#006085', '#f3a44c' ];

//var colors = { 'text': '#005854', 'average': '#f3a44c', 'averageare': '#fed992', 'trend': '#ff4500', 'obses': '#cfe9ea', 'x': '#e4e3de', 'curObses': '#005854', 'selObses': 'gold', 'noticeObses': 'tan', 'summer': '#84c497', 'winter': '#006085', 'spring-autumn': '#fed992', 'allyear': '#005854' };

var colors = { 'average': '~~BurlyWood~~', 'trend': '#ff4500', 'obses': '~~lightgray~~', 'curObses': '#~~3366cc~~', 'selObses': 'gold', 'noticeObses': 'tan' };

var colors = { 'text': '#005854', 'gridlines': '#e4e3de', 'average': '#f3a44c', 'averageare': '#cfe9ea', 'trend': '#ff4500', 'obses': '#cfe9ea', 'curObses': '#006085', 'selObses': '#f28e77', 'noticeObses': '#64c1cb', 'summer': '#f3a44c', 'winter': '#64c1cb', 'spring-autumn': '#ccccca', 'allyear': '#64c1cb' };

var i18n = {

'surface': { 'fi': 'pinta', 'en': 'surface', 'sv': 'ytan' },

'bottom': { 'fi': 'pohja', 'en': 'bottom', 'sv': 'bottnet' },

'siteinfostring': { 'fi': 'Havaintopaikka', 'en': 'Observation site', 'sv': 'Observationsplatsen' },

'depthinfostring': { 'fi': 'Havainnot syvyydeltä', 'en': 'Depth of observations', 'sv': 'Djup för observationer' },

'download': { 'fi': 'Lataa csv-muodossa', 'en': 'Download in csv format', 'sv': 'Ladda ner i csv-format' },

'fullscreen': { 'fi': 'Ota käyttöön/poista kokoruututila', 'en': 'Toggle fullscreen mode', 'sv': 'Växla helskärmsläge' },

'sitelink': { 'fi': 'Mene havaintopaikan sivulle', 'en': "Go to the observation site's page", 'sv': 'Gå till observationsplatsen.' },

'edit': { 'fi': 'Lisää/muokkaa havaintoja', 'en': 'Add/edit observations', 'sv': 'Lägg till/redigera observationer' },

'season': { 'winter': { 'fi': 'Talvi', 'en': 'Winter', 'sv': 'Vintern' } },

Rivi 1 344:

Rivi 1 954:

'season': 'summer',

'trend': { 'type': 'gaussian', 'layout': 'line' },

'title': { 'fi': 'Sinilevätilanne', 'en': 'XX', 'sv': '~~Xxx~~', 'ru': '???' },

'title': { 'fi': 'Sinilevätilanne', 'en': 'Cyanobacteria situation', 'sv': 'Cyanobakterieläget', 'ru': '???' },

'catNames': { 0: { 'fi': 'Ei levää', 'en': 'No algae', 'sv': 'Inga alger' }, 1: { 'fi': 'Hieman levää', 'en': 'Some algae', 'sv': 'Lite med alger' }, 2: { 'fi': 'Runsaasti levää', 'en': 'Abundant with algae', 'sv': 'Rikligt med alger' }, 3: { 'fi': 'Erittäin runsaasti levää', 'en': 'Very abundant with algae', 'sv': 'Ytterst rikligt med alger' } },

'catNamesShort': { 0: { 'fi': 'Ei levää', 'en': 'No algae', 'sv': 'Inga alger' }, 1: { 'fi': 'Hieman', 'en': 'Some', 'sv': 'Lite' }, 2: { 'fi': 'Runsaasti', 'en': 'Abundant', 'sv': 'Rikligt' }, 3: { 'fi': 'Erit. runsaasti', 'en': 'Very abundant', 'sv': 'Ytterst rikligt' } },

Rivi 1 350:

Rivi 1 960:

'axisTitleV': { 'fi': '', 'en': '', 'sv': '', 'ru': '' }

},

'elodea': {

'type': 'cat',

'min': -0.5,

'season': 'summer',

'trend': { 'type': 'gaussian', 'layout': 'line' },

'title': { 'fi': 'Vesirutto', 'en': 'Elodea canadensis', 'sv': 'Vattenpest' },

'catNames': {

0: { 'fi': 'Ei vesiruttoa', 'en': 'No E. canadensis', 'sv': 'Ingen vattenpest' },

1: { 'fi': 'Hieman vesiruttoa', 'en': 'Some E. canadensis', 'sv': 'Lite med vattenpest' },

2: { 'fi': 'Runsaasti vesiruttoa', 'en': 'Abundant with E. canadensis', 'sv': 'Rikligt med vattenpest' },

3: { 'fi': 'Erittäin runsaasti vesiruttoa', 'en': 'Very abundant with E. canadensis', 'sv': 'Ytterst rikligt med vattenpest' }

},

'catNamesShort': {

0: { 'fi': 'Ei yhtään', 'en': 'None', 'sv': 'Ingen' },

1: { 'fi': 'Hieman', 'en': 'Some', 'sv': 'Lite' },

2: { 'fi': 'Runsaasti', 'en': 'Abundant', 'sv': 'Rikligt' },

3: { 'fi': 'Erit. runsaasti', 'en': 'Very abundant', 'sv': 'Ytterst rikligt' }

},

'unit': '',

'axisTitleV': { 'fi': '', 'en': '', 'sv': '', 'ru': '' }

},

'jelly': {

'type': 'cat',

'min': -0.5,

'season': 'summer',

'trend': { 'type': 'gaussian', 'layout': 'line' },

'title': { 'fi': 'Meduusat', 'en': 'Jelly fish', 'sv': 'Maneter' },

'catNames': {

0: { 'fi': 'Ei meduusoja', 'en': 'No jelly fish', 'sv': 'Inga maneter' },

1: { 'fi': 'Vähän meduusoja', 'en': 'Some jelly fish', 'sv': 'Lite med maneter' },

2: { 'fi': 'Runsaasti meduusoja', 'en': 'Abundant with jelly fish', 'sv': 'Rikligt med maneter' }

},

'catNamesShort': {

0: { 'fi': 'Ei yhtään', 'en': 'None', 'sv': 'Inga' },

1: { 'fi': 'Vähän', 'en': 'Some', 'sv': 'Lite' },

2: { 'fi': 'Runsaasti', 'en': 'Abundant', 'sv': 'Rikligt' }

},

'unit': '',

'axisTitleV': { 'fi': '', 'en': '', 'sv': '', 'ru': '' }

},

'trash': {

'type': 'cat',

'min': -0.5,

'season': 'summer',

'trend': { 'type': 'gaussian', 'layout': 'line' },

'title': { 'fi': 'Roskaisuus', 'en': 'Litter', 'sv': 'Rosk' },

'catNames': {

0: { 'fi': 'Ei roskia', 'en': 'No litter', 'sv': 'Ingen rosk' },

1: { 'fi': 'Vähän roskia', 'en': 'Some litter', 'sv': 'Lite med rosk' },

2: { 'fi': 'Paljon roskia', 'en': 'Abundant with litter', 'sv': 'Rikligt med rosk' },

3: { 'fi': 'Erittäin paljon roskia', 'en': 'Very abundant with litter', 'sv': 'Ytterst rikligt med rosk' },

},

'catNamesShort': {

0: { 'fi': 'Ei yhtään', 'en': 'None', 'sv': 'Inga' },

1: { 'fi': 'Vähän', 'en': 'Some', 'sv': 'Lite' },

2: { 'fi': 'Paljon', 'en': 'Abundant', 'sv': 'Rikligt' },

3: { 'fi': 'Erit. paljon', 'en': 'Very abundant', 'sv': 'Ytterst rikligt' },

},

'unit': '',

'axisTitleV': { 'fi': '', 'en': '', 'sv': '', 'ru': '' }

},

'temp': {

'type': 'num',

'season': 'summer',

'trend': { 'type': 'gaussian', 'layout': 'line' },

'title': { 'fi': 'Pintaveden lämpötila', 'en': 'Surface water ~~termperature~~', 'sv': 'Ytvattentemperatur', 'ru': '???' },

'title': { 'fi': 'Pintaveden lämpötila', 'en': 'Surface water temperature', 'sv': 'Ytvattentemperatur', 'ru': '???' },

'unit': '°C',

'axisTitleV': { 'fi': 'Lämpötila, °C', 'en': 'Temperature, °C', 'sv': 'Temperatur, °C', 'ru': '°C' }

Rivi 1 363:

Rivi 2 034:

'season': 'winter',

'min': 0,

'direction': -1,

//'direction': -1,

'trend': { 'type': 'gaussian', 'layout': 'line' },

'title': { 'fi': 'Jään paksuus', 'en': 'Ice thickness', 'sv': 'Isens tjocklek', 'ru': '???' },

Rivi 1 372:

Rivi 2 043:

'catName': 'Jäätilanne',

},

'ice_cat_2': { 'title': { 'fi': 'Jäätyminen', 'en': 'Freeze-up', 'sv': 'Förfrysning', 'ru': '???' }, 'title2': { 'fi': 'Pysyvä jääpeite', 'en': 'Permanent ice cover', 'sv': 'Permanent istäcke', 'ru': '???' }, color: '~~#d5da26~~' },

'ice_cat_2': { 'title': { 'fi': 'Jäätyminen', 'en': 'Freeze-up', 'sv': 'Förfrysning', 'ru': '???' }, 'title2': { 'fi': 'Pysyvä jääpeite', 'en': 'Permanent ice cover', 'sv': 'Permanent istäcke', 'ru': '???' }, color: colors[ 'winter' ] },

'ice_cat_5': { 'title': { 'fi': 'Jäänlähtö', 'en': 'Ice break-up', 'sv': 'Islossning', 'ru': '???' }, 'title2': { 'fi': 'Jäätön kausi alkoi', 'en': 'Beginning of ice-free season', 'sv': 'Början av den isfria säsongen', 'ru': '???' }, color: '#~~0076b0~~' },

'ice_cat_5': { 'title': { 'fi': 'Jäänlähtö', 'en': 'Ice break-up', 'sv': 'Islossning', 'ru': '???' }, 'title2': { 'fi': 'Jäätön kausi alkoi', 'en': 'Beginning of ice-free season', 'sv': 'Början av den isfria säsongen', 'ru': '???' }, color: '#006085' },

'ice_cat_2,5': {

'type': 'date',

'season': 'winter',

'direction': -1,

'trend': { 'type': 'regression', 'layout': 'line' },

'title': { 'fi': 'Jääpeitekauden kesto', 'en': 'Duration of ice cover', 'sv': 'Längden på istäckesperioden', 'ru': '' },

~~//'charttitle': { 'fi': 'Jääpeite', 'en': 'Ice cover', 'sv': 'Frysning och islossning', 'ru': '' },~~

'color': '#c1e7f7',

'unit': { 'fi': 'päivää', 'en': 'days', 'sv': 'dagar', 'ru': '' },

'axisTitleV': { 'fi': '', 'en': '', 'sv': '', 'ru': '' },

'~~changes~~': {

'xchanges': {

'fi': 'Jääpeitekauden pituudesta kertova kuvio on muuttunut. Aiemmat jäänlähdöstä ja jäättömän kauden alusta kertoneet erilliset graafit on yhdistetty samaan kuvaan. Jos samalta talvelta on tehty havainnot sekä pysyvän jäätilanteen että jäättömän kauden alkamisesta, piirtyy kuvioon myös jääpeitekauden pituus.',

'fi': '',

'en': 'The graph showing the length of the ice cover period has changed. Separate graphs of previous freezing and icing have now been combined into the same figure. If there are observations from the same winter about the beginning of both the permanent ice situation and the ice-free season, the length of the ice cover period is also drawn in the figure.',

'en': '',

'sv': 'Grafen som visar längden på istäckeperioden har ändrats. Separata grafer över tidigare frysning och isbildning har nu kombinerats till samma figur. Om det finns iakttagelser från samma vinter om början av både den permanenta issituationen och den isfria säsongen, ritas även istäckesperiodens längd i figuren.',

'sv': '',

'ru': ''

},

'snow': {

'catName': 'Lumitilanne',

'type': 'num',

'season': 'winter',

'min': 0,

'trend': { 'type': 'gaussian', 'layout': 'line' },

'title': { 'fi': 'Lumipeite', 'en': 'Snow cover', 'sv': 'Snötöcket', 'ru': '???' },

'unit': 'cm',

'axisTitleV': { 'fi': 'Lumipeitteen paksuus, cm', 'en': 'Snow cover, cm', 'sv': 'Snötäcket, cm', 'ru': 'm' }

},

'snow_load': {

'catName': 'Lumikuorma',

Rivi 1 395:

Rivi 2 076:

'season': 'winter',

'min': 0,

'trend': { 'type': '~~moving~~', 'layout': '~~area~~' },

'trend': { 'type': 'gaussian', 'layout': 'line' },

'title': { 'fi': 'Lumikuorma', 'en': 'Snow load', 'sv': 'Snöbelastning', 'ru': '???' },

'unit': 'kg/m²',

'axisTitleV': { 'fi': 'Lumikuorma, kg/m²', 'en': 'Snow load, kg/m²', 'sv': 'Snöbelastning, kg/m²', 'ru': 'm' }

},

'pH': {

'type': 'num',

'season': 'summer',

//'min': 0,

'direction': 1,

'trend': { 'type': 'gaussian', 'layout': 'line' },

'title': { 'fi': 'Happamuus, pH', 'en': 'Acidity, pH', 'sv': 'Surhet, pH', 'ru': '???' },

'unit': '',

'axisTitleV': { 'fi': 'Happamuus, pH', 'en': 'Acidity, pH', 'sv': 'Surhet, pH', 'ru': 'm' }

},

'cond': {

'type': 'num',

'season': 'summer',

'min': 0,

'direction': 1,

'trend': { 'type': 'gaussian', 'layout': 'line' },

'title': { 'fi': 'Sähkönjohtavuus', 'en': 'Conductivity', 'sv': 'Konduktivitet', 'ru': '???' },

'unit': 'mS/m',

'axisTitleV': { 'fi': 'Sähkönjohtavuus, mS/m', 'en': 'Conductivity, mS/m', 'sv': 'Konduktivitet, mS/m', 'ru': 'm' }

},

'ptot': {

'type': 'num',

'season': 'summer',

'min': 0,

'direction': 1,

'trend': { 'type': 'gaussian', 'layout': 'line' },

'title': { 'fi': 'Kokonaisfosfori', 'en': 'Total phosphorus', 'sv': 'Totalfosfor', 'ru': '???' },

'unit': 'µg/l',

'axisTitleV': { 'fi': 'Pitoisuus, µg/l', 'en': 'Concentration, µg/l', 'sv': 'Koncentration, µg/l', 'ru': 'm' },

'depths': true

},

'ntot': {

'type': 'num',

'season': 'summer',

'min': 0,

'direction': 1,

'trend': { 'type': 'gaussian', 'layout': 'line' },

'title': { 'fi': 'Kokonaistyppi', 'en': 'Total nitrogen', 'sv': 'Totalkväve', 'ru': '???' },

'unit': 'µg/l',

'axisTitleV': { 'fi': 'Pitoisuus, µg/l', 'en': 'Concentration, µg/l', 'sv': 'Koncentration, µg/l', 'ru': 'm' }

},

'o2': {

'type': 'num',

'season': 'summer',

'min': 0,

'direction': 1,

'trend': { 'type': 'gaussian', 'layout': 'line' },

'title': { 'fi': 'Happipitoisuus', 'en': 'Dissolved oxygen', 'sv': 'Syrehalt', 'ru': '???' },

'unit': 'mg/l',

'axisTitleV': { 'fi': 'Pitoisuus, mg/l', 'en': 'Concentration, mg/l', 'sv': 'Koncentration, mg/l', 'ru': 'm' }

},

'o2s': {

'type': 'num',

'season': 'summer',

'min': 0,

'max': 110,

'direction': 1,

'trend': { 'type': 'gaussian', 'layout': 'line' },

'title': { 'fi': 'Hapen kyllästysaste', 'en': 'Oxygen saturation', 'sv': 'Syremättnad' },

'unit': '%',

'axisTitleV': { 'fi': 'Kyllästys-%', 'en': 'Oxygen saturation, %', 'sv': 'Syremättnad, %' }

},

'chla': {

'type': 'num',

'season': 'summer',

'min': 0,

'direction': 1,

'trend': { 'type': 'gaussian', 'layout': 'line' },

'title': { 'fi': 'A-klorofylli', 'en': 'Chlorophyll a', 'sv': 'Klorofyll a', 'ru': '???' },

'unit': 'µg/l',

'axisTitleV': { 'fi': 'pitoisuus, µg/l', 'en': 'Concentration, µg/l', 'sv': 'Konsentration, µg/l' }

},

'secchi': {

'type': 'num',

'season': 'summer',

'min': 0,

'direction': -1,

'direction': 1,

'trend': { 'type': 'gaussian', 'layout': 'line' },

~~//'trend': { 'type': 'regression', 'layout': 'line' },~~

'title': { 'fi': 'Näkösyvyys', 'en': 'Water transparency', 'sv': 'Siktdjupet', 'ru': '???' },

'unit': 'm',

'axisTitleV': { 'fi': 'Näkösyvyys, m', 'en': 'Secchi depth, m', 'sv': 'Siktdjupet, m', 'ru': 'm' }

},

'turb': {

'type': 'num',

'season': 'summer',

'min': 0,

'direction': 1,

'trend': { 'type': 'gaussian', 'layout': 'line' },

'title': { 'fi': 'Sameus', 'en': 'Turbidity', 'sv': 'Grumlighet', 'ru': '???' },

'unit': 'FTU/FNU/NTU',

'axisTitleV': { 'fi': 'Sameus, FTU/FNU/NTU', 'en': 'Turbidity, FTU/FNU/NTU', 'sv': 'Grumlighet, FTU/FNU/NTU', 'ru': 'm' }

},

'level': {

'title': { 'fi': 'Vedenkorkeus', 'en': 'Water level', 'sv': 'Vattenståndpunkt', 'ru': '???' },

'title2': { 'fi': 'Vedenkorkeus', 'en': '???', 'sv': '???', 'ru': '???' },

'type': 'num',

'season': 'summer',

'trend': { 'type': 'gaussian', 'layout': 'line' },

'title': { 'fi': 'Vedenkorkeus', 'en': 'Water level', 'sv': '~~Vattenståndpunkt~~', 'ru': '???' },

'unit': 'm',

'unit': 'cm',

'axisTitleV': { 'fi': 'Vedenpinnan korkeus, m', 'en': 'Water level, m', 'sv': 'Vattennivå, m', 'ru': 'm' }

'axisTitleV': { 'fi': '~~Vedenkorkeus~~, cm', 'en': 'Water level, cm', 'sv': '~~Vattenståndpunkt~~, cm', 'ru': 'cm' }

},

'avglevelsy': {

'title': { 'fi': 'Keskivedenkorkeus', 'en': '', 'sv': '', 'ru': '???' },

'title2': { 'fi': 'Vedenkorkeus', 'en': '???', 'sv': '???', 'ru': '???' },

'type': 'num',

'season': 'summer',

'trend': { 'type': 'gaussian', 'layout': 'line' },

'unit': 'm',

'axisTitleV': { 'fi': 'Vuosikeskiarvo, m', 'en': 'Water level, m', 'sv': 'Vattennivå, m', 'ru': 'm' }

},

'avglevelsw': {

'title': { 'fi': 'Keskivedenkorkeus', 'en': '', 'sv': '', 'ru': '???' },

'title2': { 'fi': 'Vedenkorkeus', 'en': '???', 'sv': '???', 'ru': '???' },

'type': 'num',

'season': 'summer',

'trend': { 'type': 'gaussian', 'layout': 'line' },

'unit': 'm',

'axisTitleV': { 'fi': 'Vuosikeskiarvo, m', 'en': 'Water level, m', 'sv': 'Vattennivå, m', 'ru': 'm' }

},

'ski': {

'title': { 'fi': 'Hiihto', 'en': 'Skiing', 'sv': '', 'ru': '???' },

'title2': { 'fi': 'Hiihtolatu', 'en': '???', 'sv': '???', 'ru': '???' },

'type': 'cat',

'season': 'winter',

'trend': { 'type': 'gaussian', 'layout': 'line' },

'unit': '',

'axisTitleV': { 'fi': 'Korkeus merenpinnasta, m', 'en': 'Above sea level, m', 'sv': 'Över havsytan, m', 'ru': 'cm' }

},

'Observation': { 'fi': 'Havainto', 'en': 'Observation', 'sv': 'Observation', 'ru': '???' },

Rivi 1 470:

Rivi 2 260:

'long': { 'fi': 'Elokuu', 'en': 'August', 'sv': 'Augusti', 'ru': '???' },

'short': { 'fi': 'Elo', 'en': 'Aug', 'sv': 'Aug', 'ru': '???' },

'roman': '~~VII~~'

'roman': 'VIII'

},

8: {

@@ Rivi 1: / Rivi 1: @@
 	<includeonly>
 		<script type="text/javascript">
 			(function() {
@@ Rivi 7: / Rivi 9: @@
 				function <!--{$id|default:TheGraph|escape:'html'}-->_jQueryTest() {
 					if ( typeof window.jQuery == 'undefined' ) {
 						setTimeout( function(){ <!--{$id|default:TheGraph|escape:'html'}-->_jQueryTest() }, 300);
 					} else {
@@ Rivi 13: / Rivi 15: @@
 					}
 				}
-				setTimeout( function(){ <!--{$id|default:TheGraph|escape:'html'}-->_jQueryTest() }, 300);
+				setTimeout( <!--{$id|default:TheGraph|escape:'html'}-->_jQueryTest, 300);
 				function <!--{$id|default:TheGraph|escape:'html'}-->_func() {
-					css_link = jQuery( "<link>", { rel: "stylesheet", type: "text/css", href: "//www.jarviwiki.fi/embed/css/obschart.css?ver=1" });
-					css_link.appendTo('head');
+					if ( typeof window.jwobschart == 'undefined' ) {
-					jQuery.getScript( "//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js", function() {
-						jQuery.getScript( "//www.jarviwiki.fi/citobsjs/jwapi.js", function() {
+						window.jwobschart = {};
-							jQuery.getScript( '//www.gstatic.com/charts/loader.js', function() {
-								google.charts.load( 'current', { 'packages':[ 'corechart' ] } );
+						css_link = jQuery( "<link>", { rel: "stylesheet", type: "text/css", href: "//www.jarviwiki.fi/embed/css/obschart.css?ver=1" });
-								google.charts.setOnLoadCallback( loadObservations );
+						css_link.appendTo('head');
+						jQuery.getScript( "//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js", function() {
+							jQuery.getScript( "//www.jarviwiki.fi/citobsjs/jwapi.js", function() {
+								jQuery.getScript( '//www.gstatic.com/charts/loader.js', function() {
+									google.charts.load( 'current', { 'packages':[ 'corechart' ], 'language': 'fi' } );
+									google.charts.setOnLoadCallback( allReady );
+								});
 							});
 						});
-					});
+					}
+				}
+				function allReady() {
+					// resize all when window resizes
+					jQuery( window ).resize(function() {
+						for ( var c in window.jwobschart ) {
+							if ( window.jwobschart[c].memo.widgetEl.is( ':visible' ) ) {
+								doResize( window.jwobschart[c].memo );
+							}
+						}
+					});
+					loadObservations();
 				}
 				function loadObservations() {
-					jQuery( '.jwChartWidget' ).each( function() {
+					var hc = 0;
+					jQuery( '.jwChartWidget' ).each( function() {
+						var el = jQuery( this );
+						var id = el.attr( 'id' ); if ( typeof id == 'undefined' ) { id = 'jwsitegraph_' + Math.random() + '_container'; el.attr( 'id', id ); }
+						if ( typeof el.attr( 'data-preload' ) == 'undefined' ) {
+							preload = false;
+						} else {
+							preload = ( el.attr( 'data-preload' ).toLowerCase() == 'true' );
+						}
+						if ( ( preload || el.is( ':visible' ) ) && typeof window.jwobschart[id] == 'undefined' ) {
+							window.jwobschart[id] = {};
+							var memo = {}; window.jwobschart[id].memo = memo;
+							memo.widgetEl = jQuery( this );
+							memo.lang = memo.widgetEl.attr( 'data-lang' ); if (typeof memo.lang == 'undefined') { memo.lang = 'fi'; }
+							memo.height = memo.widgetEl.attr( 'data-height' ); if (typeof memo.height == 'undefined') { memo.height = 450; }
+							memo.siteid = jQuery( this ).attr( 'data-jw-siteid' ); if ( typeof memo.siteid == 'undefined' ) { memo.siteid = '-'; }
+							memo.waterbody = jQuery( this ).attr( 'data-jw-waterbody' ); if ( typeof memo.waterbody == 'undefined' ) { memo.waterbody = '-'; }
+							memo.obscode = jQuery( this ).attr( 'data-jw-obscode' ); if ( typeof memo.obscode == 'undefined' ) { memo.obscode = '-'; }
+							memo.refcode = jQuery( this ).attr( 'data-jw-refcode' ); if ( typeof memo.refcode == 'undefined' ) { memo.refcode = '-'; }
+							memo.reffilter = jQuery( this ).attr( 'data-jw-reffilter' ); if ( typeof memo.reffilter == 'undefined' ) { memo.reffilter = ''; }
+							memo.obscodeParts = memo.obscode.split('_');
+							memo.title = jQuery( this ).attr( 'data-title' ); if ( typeof memo.title == 'undefined' ) { memo.title = i18n[ memo.obscode ][ 'title' ][ memo.lang ]; }
+							memo.info = jQuery( this ).attr( 'data-info' ); if ( typeof memo.info == 'undefined' ) { memo.info = ""; }
+							if ( typeof jQuery( this ).attr( 'data-info-addsite' ) != 'undefined' ) { memo.addsitetoinfo = ( jQuery( this ).attr( 'data-info-addsite' ) == 'true' ); } else { memo.addsitetoinfo = false; };
+							memo.caption = jQuery( this ).attr( 'data-caption' ); if ( typeof memo.caption == 'undefined' ) { memo.caption = ""; }
+							if ( typeof jQuery( this ).attr( 'data-jw-summerwinter' ) != 'undefined' ) { memo.summerwinter = ( jQuery( this ).attr( 'data-jw-summerwinter' ) == 'true' ); } else { memo.summerwinter = false; };
+							if ( typeof jQuery( this ).attr( 'data-jw-summerother' ) != 'undefined' ) { memo.summerother = ( jQuery( this ).attr( 'data-jw-summerother' ) == 'true' ); } else { memo.summerother = false; };
+							if ( typeof jQuery( this ).attr( 'data-jw-bottomsurface' ) != 'undefined' ) { memo.bottomsurface = ( jQuery( this ).attr( 'data-jw-bottomsurface' ) == 'true' ); } else { memo.bottomsurface = false; };
+							if ( typeof jQuery( this ).attr( 'data-jw-divide' ) != 'undefined' ) {
+								memo.divide = jQuery( this ).attr( 'data-jw-divide' );
+							} else if ( memo.bottomsurface ) {
+								memo.divide = 'bottomsurface';
+							} else if ( memo.summerwinter ) {
+								memo.divide = 'summerwinter';
+							} else if ( memo.summerother ) {
+								memo.divide = 'summerother';
+							} else {
+								memo.divide = '-';
+							};
+							if ( typeof jQuery( this ).attr( 'data-jw-divide-if-obses' ) != 'undefined' ) {
+								memo.divideCond = parseInt( jQuery( this ).attr( 'data-jw-divide-if-obses' ) );
+							} else {
+								memo.divideCond = 20;
+							};
+							if ( typeof jQuery( this ).attr( 'data-showlink' ) == 'undefined' ) {
+								memo.showlink = false;
+							} else {
+								memo.showlink = ( jQuery( this ).attr( 'data-showlink' ).toLowerCase() == 'true' );
+							}
+							if ( typeof jQuery( this ).attr( 'data-min' ) != 'undefined' ) { i18n[memo.obscode]['min'] = parseInt( jQuery( this ).attr( 'data-min' ) ); }
+							if ( typeof jQuery( this ).attr( 'data-max' ) != 'undefined' ) { i18n[memo.obscode]['max'] = parseInt( jQuery( this ).attr( 'data-max' ) ); }
+							if ( typeof jQuery( this ).attr( 'data-start-date' ) != 'undefined' ) {
+								memo.startDate = jQuery( this ).attr( 'data-start-date' );
+							} else if ( typeof jQuery( this ).attr( 'data-start-year' ) != 'undefined' ) {
+								memo.startDate = jQuery( this ).attr( 'data-start-year' ) + '-01-01';
+							} else {
+								memo.startDate = '1800-01-01';
+							}
+							memo.service = jQuery( this ).attr( 'data-coo311-service_code' );
+							memo.graphType = jQuery( this ).attr( 'data-graph-type' );
+							memo.editUrl = jQuery( this ).attr( 'data-edit-url' ); if (typeof memo.editUrl == 'undefined') { memo.editUrl = '-'; }
+							memo.download = true; if ( typeof jQuery( this ).attr( 'data-download' ) != 'undefined' ) { memo.download = ( jQuery( this ).attr( 'data-download' ) == '1' || jQuery( this ).attr( 'data-download' ) == 'true' ); }
+							memo.csvfile = jQuery( this ).attr( 'data-csv-filename' ); if (typeof memo.csvfile == 'undefined') { memo.csvfile = i18n[ memo.obscode ].title[ memo.lang ] + '_SiteID-' + memo.siteid + '_Downloaded-' + today.toISOString().split( 'T' )[0] + '.csv'; }
+							if ( typeof jQuery( this ).attr( 'data-maintainer' ) == 'undefined' ) { memo.maintainerShow = false; }
+							else { memo.maintainerShow = ( jQuery( this ).attr( 'data-maintainer' ).toLowerCase() == 'true' ); }
+							memo.id = jQuery( this ).attr( 'id' ); if (typeof memo.id == 'undefined') { memo.id = 'jwsitegraph_' + Math.random() + '_container'; jQuery( this ).attr( 'id', memo.id ); }
+							memo.widgetEl.css( 'position', 'relative' );
+							//memo.widgetEl.css( 'margin-bottom', '0.5em' );
+							// add loader animation
+							memo.widgetEl.append( '<div style="display: none;" class="jwloading"></div>' );
+							memo.loaderEl = jQuery( this ).find( '.jwloading' );
+							memo.loaderEl.fadeIn( "slow" );
+							if ( memo.graphType != 'current' ) {
+								// add chart container
+								memo.widgetEl.append( '<div class="card JwCard Xmb-2" style="position: relative; width: 100%; height: 100%;"><div class="card-header" style="min-height: 49px;"></div><div class="card-body p-2" style="position: relative; width: 100%; height: 100%;"><div class="chart-container" style="position: relative; z-index: 110; width: 100%; height: 100%;"></div></div><div class="card-footer"></div>' );
+								memo.chartEl = jQuery( this ).find( '.chart-container' );
+								memo.chartEl.css( 'height', memo.height + 'px' );
+								memo.headerEl = jQuery( this ).find( '.card-header' );
+								memo.footerEl = jQuery( this ).find( '.card-footer' );
+								// add title
+								memo.headerEl.append( '<div class="obscharttitle" style="float: left;"></div>' );
+								memo.titleEl = jQuery( this ).find( '.obscharttitle' );
+								// add or hide footer
+								if ( memo.caption == '' ) {
+									memo.footerEl.hide();
+								} else {
+									memo.footerEl.append( memo.caption );
+								}
+								// add fullscreen button
+								memo.headerEl.append( '<div class="obschartbutton fullscreen-button" style="display: none; margin-left: 10px; float: right; font-size: 18.72px;"><button title="' + i18n['fullscreen'][memo.lang] + '" style=""><i class="fas fa-expand"></i></button></div>' );
+								memo.fullscreenEl = jQuery( this ).find( '.fullscreen-button' );
+								memo.fullscreenEl.on( 'click', function() {
+									var elem = memo.widgetEl[0];
+									if (!!document.fullscreenElement) {
+										if (document.exitFullscreen) {
+											document.exitFullscreen();
+										} else if (document.mozCancelFullScreen) { /* Firefox */
+											document.mozCancelFullScreen();
+										} else if (document.webkitExitFullscreen) { /* Chrome, Safari and Opera */
+											document.webkitExitFullscreen();
+										} else if (document.msExitFullscreen) { /* IE/Edge */
+											document.msExitFullscreen();
+										}
+									} else {
+										if (elem.requestFullscreen) {
+											elem.requestFullscreen();
+										} else if (elem.mozRequestFullScreen) { /* Firefox */
+											elem.mozRequestFullScreen();
+										} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
+											elem.webkitRequestFullscreen();
+										} else if (elem.msRequestFullscreen) { /* IE/Edge */
+											elem.msRequestFullscreen();
+										}
+									}
+								});
+								jQuery( document ).on('webkitfullscreenchange mozfullscreenchange fullscreenchange', function(e) {
+									if (!document.fullscreenElement) {
+										memo.chartEl.css( 'height', memo.height + 'px' );
+										memo.fullscreenEl.find( 'button' ).html( '<i class="fas fa-expand"></i>' );
+									} else {
+										memo.chartEl.css( 'height', '100%' );
+										memo.fullscreenEl.find( 'button' ).html( '<i class="fas fa-compress"></i>' );
+									}
+									doResize( memo );
+								});
+								// add edit button
+								if ( memo.editUrl != '-' ) {
+									memo.headerEl.append( '<div class="obschartbutton edit-button" style="Xdisplay: none; margin-left: 10px; float: right; font-size: 18.72px;"><button title="' + i18n['edit'][memo.lang] + '" style=""><i class="fas fa-edit"></i></button></div>' );
+									memo.editEl = jQuery( this ).find( '.edit-button' );
+									memo.editEl.on( 'click', function() { window.location.href = memo.editUrl; });
+								}
+								// add download data button
+								if ( memo.download ) {
+									memo.headerEl.append( '<div class="obschartbutton download-button" style="display: none; margin-left: 10px; float: right; font-size: 18.72px;"><button title="' + i18n['download'][memo.lang] + '" style=""><i class="fas fa-download"></i></button></div>' );
+									memo.downloadEl = jQuery( this ).find( '.download-button' );
+									memo.downloadEl.on( 'click', function() {
+										var header = '';
+										header += '\uFEFF'; // BOM
+										var csv = '';
+										//csv += '\r\nsep=,\r\n';
+										var headerCols = [];
+										var csvCols = [];
+										if ( i18n[memo.obscode].type == 'num' ) {
+											headerCols.push( '"' + i18n[memo.obscode].axisTitleV[memo.lang] + '"' );
+											headerCols.push( 'Lisätiedot' );
+											headerCols.push( 'Valokuva' );
+											headerCols.push( 'Havainnoijan status' );
+											header += headerCols.join( i18n['sep'][memo.lang] );
+											for ( var o in memo.obses ) {
+												csvCols = [];
+												csvCols.push( memo.obses[o].obsdatetime.getFullYear() + '-' +  ( memo.obses[o].obsdatetime.getMonth() + 1 ) + '-' + memo.obses[o].obsdatetime.getDate() );
+												if ( memo.obses[o].obsdatetime.getUTCHours() == 0 && memo.obses[o].obsdatetime.getUTCMinutes() == 0 && memo.obses[o].obsdatetime.getUTCSeconds() == 0 ) {
+													csvCols.push( '' );
+												} else {
+													csvCols.push( ( "0" + memo.obses[o].obsdatetime.getUTCHours() ).slice(-2) + ':' + ( "0" + memo.obses[o].obsdatetime.getUTCMinutes() ).slice(-2) );
+												}
+												csvCols.push( '"' + memo.obses[o].value.toString().replace( '.', i18n['dec'][memo.lang] ) + '"' );
+												csvCols.push( memo.obses[o].addInfo );
+												csvCols.push( '' );
+												csvCols.push( memo.obses[o].maintainer );
+												csv += '\r\n' + csvCols.join( i18n['sep'][memo.lang] );
+											}
+										} else 	if ( i18n[memo.obscode].type == 'date' ) {
+											if ( i18n[memo.obscode].season == 'winter' ) {
+												header += i18n[ 'season' ][ i18n[memo.obscode].season ][ memo.lang ];
+											} else {
+												header += i18n[ 'year' ][ memo.lang ];
+											}
+											header += ';' + i18n[ 'Observation' ][ memo.lang ];
+											header += ';' + i18n[ 'Value' ][ memo.lang ];
+											header += ';' + i18n[ 'ValueUnit' ][ memo.lang ];
+											header += ';' + i18n[ 'Additionalinfo' ][ memo.lang ];
+											header += ';' + i18n[ 'Image' ][ memo.lang ];
+											header += ';' + i18n[ 'ObserverStatus' ][ memo.lang ];
+											for ( var s in memo.seriesA ) {
+												for ( var o in memo.seriesA[ s ].obses ) {
+													obs = memo.seriesA[ s ].obses[ o ];
+													csv += '\r\n';
+													csv += obs.season + '-' + (obs.season+1);
+													csv += ';' + i18n[ memo.seriesA[ s ].id ].title[ memo.lang ];
+													csv += ';' + obs.value;
+													csv += ';' + obs.valueUnit;
+													csv += ';' + obs.addInfo;
+													csv += ';';
+													csv += ';' + obs.maintainer;
+												}
+											}
+										} else 	if ( i18n[memo.obscode].type == 'cat' ) {
+											header += 'Päivämäärä';
+											header += ';' + 'Kellonaika';
+											header += ';' + i18n[memo.obscode].title[memo.lang];
+											header += ';' + i18n[memo.obscode].title[memo.lang];
+											header += ';' + utf8StringToUtf16String( 'Lisätiedot' );
+											header += ';' + 'Valokuva';
+											header += ';' + 'Havainnoijan status';
+											for ( var o in memo.obses ) {
-						var memo = {};
+												csv += '\r\n';
-						memo.widgetEl = jQuery( this );
-						memo.lang = memo.widgetEl.attr( 'data-lang' ); if (typeof memo.lang == 'undefined') { memo.lang = 'fi'; }
-						memo.height = memo.widgetEl.attr( 'data-height' ); if (typeof memo.height == 'undefined') { memo.height = 450; }
-						memo.siteid = jQuery( this ).attr( 'data-jw-siteid' );
+												csv += memo.obses[o].obsdatetime.toLocaleDateString(); //.toISOString();
-						memo.obscode = jQuery( this ).attr( 'data-jw-obscode' );
-						memo.obscodeParts = memo.obscode.split('_');
-						memo.service = jQuery( this ).attr( 'data-coo311-service_code' );
-						memo.graphType = jQuery( this ).attr( 'data-graph-type' );
-						memo.editUrl = jQuery( this ).attr( 'data-edit-url' ); if (typeof memo.editUrl == 'undefined') { memo.editUrl = '-'; }
-						memo.csvfile = jQuery( this ).attr( 'data-csv-filename' ); if (typeof memo.csvfile == 'undefined') { memo.csvfile = i18n[ memo.obscode ].title[ memo.lang ] + '_SiteID-' + memo.siteid + '_Downloaded-' + today.toISOString().split( 'T' )[0] + '.csv'; }
-						if ( typeof jQuery( this ).attr( 'data-maintainer' ) == 'undefined' ) { memo.maintainerShow = false; }
-						else { memo.maintainerShow = ( jQuery( this ).attr( 'data-maintainer' ).toLowerCase() == 'true' ); }
-						memo.id = jQuery( this ).attr( 'id' ); if (typeof memo.id == 'undefined') { memo.id = 'jwsitegraph_' + Math.random() + '_container'; jQuery( this ).attr( 'id', memo.id ); }
-						memo.widgetEl.css( 'position', 'relative' );
+												if ( memo.obses[o].obsdatetime.getUTCHours() == 0 && memo.obses[o].obsdatetime.getUTCMinutes() == 0 && memo.obses[o].obsdatetime.getUTCSeconds() == 0 ) {
+													csv += ';';
+												} else {
+													csv += ';' + ( "0" + memo.obses[o].obsdatetime.getUTCHours() ).slice(-2) + ':' + ( "0" + memo.obses[o].obsdatetime.getUTCMinutes() ).slice(-2);
+												}
-						// add loader animation
+												csv += ';' + memo.obses[o].value;
-						//memo.widgetEl.append( '<div style="display: none;" class="jwloading"></div>' );
+												csv += ';' + i18n[memo.obscode].catNames[memo.obses[o].value][memo.lang];
-						//memo.loaderEl = jQuery( this ).find( '.jwloading' );
-						//memo.loaderEl.fadeIn( "slow" );
-						// add chart container
+												csv += ';' + memo.obses[o].addInfo;
-						//memo.widgetEl.append( '<div class="card JwCard mb-2" style="position: relative; width: 100%; height: 100%;"><div class="card-header">Otsikko</div><div class="card-body" style="position: relative; width: 100%; height: 350px;"><div class="chart-container" style="position: relative; z-index: 110; width: 100%; height: 100%;"></div></div><div class="card-footer">footer</div></div>' );
+												csv += ';';
-						memo.widgetEl.append( '<div class="card JwCard mb-2" style="position: relative; width: 100%; height: 100%;"><div class="card-header"></div><div class="card-body p-2" style="position: relative; width: 100%; height: 350px;"><div class="chart-container" style="position: relative; z-index: 110; width: 100%; height: 100%;"></div></div></div>' );
+												csv += ';' + memo.obses[o].maintainer;
-						//memo.widgetEl.append( '<div class="chart-container" style="position: absolute; z-index: 110; width: 100%; height: 100%;"></div>' );
-						memo.chartEl = jQuery( this ).find( '.chart-container' );
-						memo.headerEl = jQuery( this ).find( '.card-header' );
-						// add title
+											}
-						memo.headerEl.append( '<div class="obscharttitle" style="Xdisplay: none; float: left;"></div>' );
-						memo.titleEl = jQuery( this ).find( '.obscharttitle' );
-						// add fullscreen button
+										}
-						memo.headerEl.append( '<div class="obschartbutton fullscreen-button" style="display: none; margin-left: 10px; float: right; Xbackground-color: rgba( 255, 255, 255, 1 ); border-radius: 50%; Xborder: 1px solid rgba( 0, 0, 0, 0.5 ); Xpadding: 1px;"><button title="' + i18n['fullscreen'][memo.lang] + '" style="width: 24px; height: 24px; padding: 0; margin: 0; color: #1B599B; background: none; border: none; "><i class="fas fa-expand"></i></button></div>' );
-						memo.fullscreenEl = jQuery( this ).find( '.fullscreen-button' );
-						// add edit button
+										csv = header + csv;
-						if ( memo.editUrl != '-' ) {
-							memo.headerEl.append( '<div class="obschartbutton edit-button" style="Xdisplay: none; margin-left: 10px; float: right; Xbackground-color: rgba( 255, 255, 255, 1 ); border-radius: 50%; Xborder: 1px solid rgba( 0, 0, 0, 0.5 ); Xpadding: 1px;"><button title="' + i18n['edit'][memo.lang] + '" style="width: 24px; height: 24px; padding: 0; margin: 0; color: #1B599B; background: none; border: none;"><i class="fas fa-edit"></i></button></div>' );
+										var exportedFilename = memo.csvfile;
-							memo.editEl = jQuery( this ).find( '.edit-button' );
-						}
+										var blob = new Blob( [csv], { type: 'text/csv;charset=utf-16LE;' });
+										if (navigator.msSaveBlob) { // IE 10+
+											navigator.msSaveBlob(blob, exportedFilename);
+										} else {
+											var link = document.createElement("a");
+											if (link.download !== undefined) { // feature detection
+											     // Browsers that support HTML5 download attribute
+											     var url = URL.createObjectURL(blob);
+											     link.setAttribute("href", url);
+											     link.setAttribute("download", exportedFilename);
+											     link.style.visibility = 'hidden';
+											     document.body.appendChild(link);
+											     link.click();
+											     document.body.removeChild(link);
+											}
+										}
+									});
+								}
+								// add show site link button
+								if ( memo.showlink ) {
+									memo.headerEl.append( '<div class="obschartbutton sitelink-button" style="display: none; margin-left: 10px; float: right; font-size:18.72px;"><button title="' + i18n['sitelink'][memo.lang] + '" style="width: 24px; height: 24px; padding: 0; margin: 0; background: none; border: none; "><i class="fas fa-map-marked"></i></button></div>' );
+									memo.sitelinkEl = jQuery( this ).find( '.sitelink-button' );
+									memo.sitelinkEl.on( 'click', function() {
+										var elem = memo.widgetEl[0];
+										window.location.href = 'https://www.jarviwiki.fi/w/index.php?curid=' + memo.siteid;
+									});
+								}
+							}
+							memo.loadStarts = 0;
+							memo.obses = {};
+							memo.seriesO = {};
+							memo.trendlinesO = {};
-						// add download data button
+							memo.vaxisdir = 1; if (memo.obscode == 'secchi') { memo.vaxisdir = -1; }
-						memo.headerEl.append( '<div class="obschartbutton download-button" style="display: none; margin-left: 10px; float: right; Xbackground-color: rgba( 255, 255, 255, 1 ); border-radius: 50%; Xborder: 1px solid rgba( 0, 0, 0, 0.5 ); Xpadding: 1px;"><button title="' + i18n['download'][memo.lang] + '" style="width: 24px; height: 24px; padding: 0; margin: 0; color: #1B599B; background: none; border: none;"><i class="fas fa-download"></i></button></div>' );
-						memo.downloadEl = jQuery( this ).find( '.download-button' );
-						memo.loadStarts = 0;
-						memo.obses = {};
-						memo.seriesO = {};
-						memo.trendlinesO = {};
-						memo.vaxisdir = 1; if (memo.obscode == 'secchi') { memo.vaxisdir = -1; }
+							memo.showAverage = ( jQuery( this ).attr( 'data-show-average' ) != 'false' );
+							memo.showTrend = ( jQuery( this ).attr( 'data-show-trend' ) != 'false' );
-						memo.showAverage = ( jQuery( this ).attr( 'data-show-average' ) != 'false' );
+							memo.trendType = jQuery( this ).attr( 'data-trend-type' ); if (typeof memo.trendType == 'undefined') { memo.trendType = i18n[memo.obscode]['trend']['type']; }	if (typeof memo.trendType == 'undefined') { memo.trendType = 'linear'; }
-						memo.showTrend = ( jQuery( this ).attr( 'data-show-trend' ) != 'false' );
-						memo.trendType = jQuery( this ).attr( 'data-trend-type' ); if (typeof memo.trendType == 'undefined') { memo.trendType = i18n[memo.obscode]['trend']['type']; }
+							memo.jw = new jwApi();
+							//memo.jwR = new jwApi();
-						//memo.titleEl.html( i18n[ memo.obscode ].title[ memo.lang ] );
-						//getJWobses(memo);
+							var so = { 'startdate': memo.startDate, 'custom': '' };
-						//getCOO311obses(memo);
+							//var so = { 'custom': '' };
-						memo.jw = new jwApi();
+							if ( typeof memo.obscodeParts[1] != 'undefined' ) {
+								if ( typeof memo.obscodeParts[2] != 'undefined' ) {
+									so.custom += '[[' + i18n[memo.obscodeParts[0]].catName + '::' + memo.obscodeParts[2].split(',').join('||') +']]';
+								} else {
+									so.custom += '[[' + i18n[memo.obscode].catName + '::>0]]';
+								}
+							}
-						var custom = '';
+							if ( memo.refcode == '-' ) {
-						if ( typeof memo.obscodeParts[1] != 'undefined' ) {
+								so.obscode = memo.obscodeParts[0];
-							if ( typeof memo.obscodeParts[2] != 'undefined' ) {
-								custom += '[[' + i18n[memo.obscodeParts[0]].catName + '::' + memo.obscodeParts[2].split(',').join('||') +']]';
 							} else {
-								custom += '[[' + i18n[memo.obscode].catName + '::>0]]';
+								so.custom += '[[ObsCode::' + memo.obscodeParts[0] + ' || ' + memo.refcode + ']]';
+							}
+							if ( memo.siteid != '-' ) {
+								so.siteid = memo.siteid;
+							} else {
+								so.waterbody = memo.waterbody;
+							}
+							if ( memo.siteid == '170072' ) {
+								so.test = true;
+							}
+							memo.jw.loadObses( so, function( o ) {
+								memo.obses = memo.jw.obs;
+								drawVisualization(memo);
+							});
+						} else {
+							if ( typeof window.jwobschart[id] == 'undefined' ) {
+								hc++;
 							}
 						}
+					});
-						memo.jw.loadObses( { 'obscode': memo.obscodeParts[0], 'siteid': memo.siteid, 'custom': custom }, function( o ) {
+					if ( hc > 0 ) {
-							memo.obses = memo.jw.obs;
+						setTimeout( loadObservations, 1000 );
-							drawVisualization(memo);
+					}
-						});
-						//https://www.jarviwiki.fi/wiki/Toiminnot:Lomakemuokkaus/ObsICE/V%C3%A4lij%C3%A4rvi_(74.021.1.051)/Luikonsaari
-					});
 				}
 				function drawVisualization( memo ) {
 					if ( typeof i18n[ memo.obscode ].direction != 'undefined' ) { memo.vaxisdir = i18n[ memo.obscode ].direction; } else { memo.vaxisdir = 1; }
-					// defaults for all charts
 					memo.options = {
 						backgroundColor: 'transparent',
-						chartArea: { backgroundColor: { fill: '#ffffff', 'd': '#daf0fa', stroke: '#ccc', strokeWidth: 6 }},
+						chartArea: { backgroundColor: { fill: '#ffffff', stroke: colors['gridlines'], strokeWidth: 1 } },
-						legend: { position: 'bottom' },
+						legend: { position: 'bottom', textStyle: { color: colors['text'] } },
 						crosshair: { trigger: 'both' },
 						tooltip: { isHtml: true },
@@ Rivi 133: / Rivi 435: @@
 						vAxis: {
 							title: i18n[memo.obscode]['axisTitleV'][memo.lang],
-							titleTextStyle: { bold: true },
+							titleTextStyle: { bold: true, italic: false, color: colors['text'] },
+							textStyle: { color: colors['text'] },
 							slantedText: false,
 							maxAlternation: 1,
 							direction: memo.vaxisdir,
-							gridlines: { color: '#eee', count: -1 },
+							baselineColor: colors[ 'text' ],
+							gridlines: { color: colors[ 'gridlines' ], Xcount: -1 },
 							minorGridlines: { count: 0 },
 							viewWindow: { }
@@ Rivi 144: / Rivi 448: @@
 							title: '',
 							slantedText: false,
-							maxAlternation: 1,
+							textStyle: { color: colors['text'] },
-							gridlines: { color: '#eee' },
+							maxAlternation: 1,
+							gridlines: { color: colors[ 'gridlines' ] },
 							minorGridlines: { count: 0 },
 							viewWindow: { }
 						},
 						series: [ ],
-						trendlines: [ ]
+						trendlines: [ ],
+						intervals: {
+							'style': 'area',
+							'color': colors['averageare'],
+							'fillOpacity': 0.33
+						},
+						annotations: {
+							textStyle: {
+								fontName: 'Open sans',
+								fontSize: 15,
+								bold: true,
+								color: colors['text'],
+								auraColor: 'transparent'
+							}
+						}
 					};
@@ Rivi 178: / Rivi 497: @@
 						// create data
 						obs.data = JSON.parse( obs.printouts.DataJSON );
+						if ( obs.data.unit == 'cm' && i18n[memo.obscode]['unit'] == 'm' ) {
+							obs.data.val = obs.data.val/100;
+							obs.value = obs.value/100;
+						}
 						// add season
@@ Rivi 192: / Rivi 516: @@
 						// create addinfo
 						obs.addInfo = "";
 						if ( !!obs.media_url ) {
 							obs.img = new Image();
 							obs.img.src = obs.media_url;
-							obs.addInfo = '<img style="max-width: 196px; max-height: 196px;" src="' + obs.media_url + '" />';
+							obs.addInfo = '<img style="object-fit: cover; width: 200px; height: 200px; margin: 5px 0 8px 0;" src="' + obs.media_url + '" />';
 						}
 						if ( !!obs.printouts[ 'Lisätiedot' ][0] ) {
@@ Rivi 210: / Rivi 534: @@
 						// add compare date to obses
 						if ( memo.season == 'summer' || obs.obsdatetime.getMonth() > 7 ) {
 							obs.compareDate = new Date( memo.curSeason, obs.obsdatetime.getMonth(), obs.obsdatetime.getDate() );
 						} else {
 							obs.compareDate = new Date( memo.curSeason+1, obs.obsdatetime.getMonth(), obs.obsdatetime.getDate() );
 						}
+						obs.compareDate.setHours( 12 );
 						ms = obs.compareDate.getTime();
 						memo.obsMinCompDateMs = Math.min(ms, memo.obsMinCompDateMs);
@@ Rivi 220: / Rivi 545: @@
 						// add series id
 						if ( memo.graphType == 'trend' ) {
-							obs.seriesId = 0;
+							if ( memo.divide == 'summerwinter' ) {
+								if ( obs.compareDate.getMonth() > 4 && obs.compareDate.getMonth() < 9 ) {
+									obs.seriesId = 'summer';
+								} else if ( obs.compareDate.getMonth() > -1 && obs.compareDate.getMonth() < 4 ) {
+									obs.seriesId = 'winter';
+								} else {
+									obs.seriesId = 'other';
+								}
+							} else if ( memo.divide == 'summerother' ) {
+								if ( obs.compareDate.getMonth() > 4 && obs.compareDate.getMonth() < 9 ) {
+									obs.seriesId = 'summer';
+								} else {
+									obs.seriesId = 'other';
+								}
+							} else if ( memo.divide == 'bottomsurface' ) {
+								if ( obs.data.depthR == 'bottom' ) {
+									obs.seriesId = 'bottom';
+								} else if ( obs.data.depthR == 'surface' ) {
+									obs.seriesId = 'surface';
+								} else {
+									obs.seriesId = 'other';
+								}
+							} else {
+								obs.seriesId = 0;
+							}
 						} else if ( memo.graphType == 'dateofyear' ) {
 							obs.seriesId = memo.obscodeParts[0] + '_cat_' + obs.data.cat;
@@ Rivi 230: / Rivi 579: @@
 						// create popup for obs
-						obs.popup = '<div style="padding: 8px;">';
+						obs.popup = '<div style="padding: 8px; white-space: normal;">';
 						obs.popup += '<div>';
@@ Rivi 242: / Rivi 591: @@
 						obs.popup += '(' + obs.obsdatetime.inRelationToToday(memo.lang) + ')';
 						obs.popup += '</div>';
 						if (!!obs.addInfo) {
 							obs.popup += '<div style="margin-top: 5px;">' + obs.addInfo + '</div>';
@@ Rivi 258: / Rivi 607: @@
 					memo.obsMaxCompDate = new Date( memo.obsMaxCompDateMs );
-					memo.obsesA = []; memo.dataA = [];
+					memo.obsesA = []; memo.dataA = []; memo.depthsO = {};
 					for ( var o in memo.obses ) {
@@ Rivi 266: / Rivi 615: @@
 						// style points
 						if ( obs.seriesId == memo.curSeason ) {
-							baseSize = 6;
+							baseSize = 7;
+							strokeSize = 2;
 						} else if (memo.obsesTotal < 100) {
-							baseSize = 4;
+							baseSize = 6;
+							strokeSize = 1.25;
 						} else if (memo.obsesTotal < 200) {
-							baseSize = 3;
+							baseSize = 5;
-						} else if (memo.obsesTotal < 300) {
+							strokeSize = 0.53;
-							baseSize = 2;
+						} else {
-						} else {
+							baseSize = 4;
-							baseSize = 2;
+							strokeSize = 0.25;
 						}
-						//if ( memo.graphType == 'dateofyear' ) { baseSize = baseSize + 1; }
 						if ( memo.maintainerShow ) { maintcol = maintColors[obs.maintainer]; }
-						else { maintcol = 'transparent'; }
+						else { maintcol = '#ffffff'; } //'transparent'; }
 						if (!!obs.addInfo) {
-							obs.style = 'point { shape-type: star; size: ' + (baseSize+3) + '; shape-dent: 0.5; stroke-width: 0; stroke-color: ' + maintcol + '; }';
+							obs.style = 'point { shape-type: star; size: ' + (baseSize+3) + '; shape-dent: 0.5; stroke-width: ' + strokeSize + '; stroke-color: ' + maintcol + '; }';
 						} else {
-							obs.style = 'point { size: ' + baseSize + '; stroke-width: 0.5; stroke-color: ' + maintcol + '; }';
+							obs.style = 'point { size: ' + baseSize + '; stroke-width: ' + strokeSize + '; stroke-color: ' + maintcol + '; }';
 						}
 						memo.obsesA.push( obs );
+						if ( typeof obs.data.depthR != 'undefined' ) {
+							if ( typeof memo.depthsO[ obs.data.depthR ] == 'undefined' ) { memo.depthsO[ obs.data.depthR ] = { 'values': [], 'valstrings': [], 'valstring': '' }; }
+							if ( typeof obs.data.depthAval != 'undefined' ) {
+								if ( obs.data.depthAval!==null && obs.data.depthAval != '' ) {
+									memo.depthsO[ obs.data.depthR ].values.push( obs.data.depthAval );
+								}
+							} else {
+								//memo.depthsO[ obs.data.depthR ].values.push( -1 );
+							}
+						}
 					}
@@ Rivi 300: / Rivi 660: @@
 					// col for xAxis values
 					memo.data.addColumn( 'date', 'time' );
+					//
+					var depthcats = []; var depthvals;
+					for ( var di in memo.depthsO ) {
+						memo.depthsO[ di ].values = [...new Set( memo.depthsO[ di ].values )].sort((a, b) => a - b);
+						for ( var dv in memo.depthsO[ di ].values ) {
+							memo.depthsO[ di ]['valstrings'].push( memo.depthsO[ di ].values[ dv ].toString().replace( '.', ',' ) );
+						}
+						if ( memo.depthsO[ di ]['valstrings'].length > 0 ) {
+							if ( memo.depthsO[ di ]['valstrings'].length == 1 ) {
+								memo.depthsO[ di ]['valstring'] = memo.depthsO[ di ]['valstrings'][ 0 ] + '&nbsp;m';
+							} else {
+								memo.depthsO[ di ]['valstring'] = memo.depthsO[ di ]['valstrings'][ 0 ] + '&ndash;' + memo.depthsO[ di ]['valstrings'][  memo.depthsO[ di ]['valstrings'].length-1 ] + ' m';
+							}
+						}
+						depthcats.push( di );
+					}
+					if ( depthcats.length == 1 ) {
+						if ( depthcats[0] == 'surface' ) {
+							memo.title = memo.title.replace( '[D]', '(' + i18n[ 'surface' ][ memo.lang ] + ')' );
+						} else if ( depthcats[0] == 'bottom' ) {
+							memo.title = memo.title.replace( '[D]', '(' + i18n[ 'bottom' ][ memo.lang ] + ')' );
+						}
+					} else if ( depthcats.length == 2 ) {
+					} else {
+					}
+					// make ticks for y axis on cat types
+					if ( memo.obsesA.length > 0 && memo.graphType != 'current' ) {
+						if ( i18n[memo.obscode]['type'] == 'cat') {
+						 	memo.options.vAxis.format = '0';
+							memo.options.vAxis.ticks = [];
+							for (var c in i18n[memo.obscode]['catNamesShort']) {
+								memo.options.vAxis.ticks.push({v: parseInt(c), f: i18n[memo.obscode]['catNamesShort'][c][memo.lang] });
+								memo.options.vAxis.ticks.push({v: parseInt(c)+0.5, f: '' });
+							}
+							memo.options.vAxis.ticks.sort( function(a, b) { return a.v-b.v } );
+							memo.options.vAxis.viewWindow.min = -0.5;
+							//memo.options.vAxis.minValue = -0.5;
+							memo.options.vAxis.viewWindow.max = parseInt(memo.options.vAxis.ticks[memo.options.vAxis.ticks.length-1].v)+0.5;
+							//memo.options.vAxis.viewWindow.max = memo.options.vAxis.viewWindow.max;
+							memo.options.vAxis.gridlines.color = colors['gridlines'];
+							memo.options.vAxis.baselineColor = colors['text'];
+						} else {
+							if ( typeof i18n[memo.obscode]['min'] != 'undefined' ) {
+								if ( i18n[memo.obscode]['min'] != -999 ) {
+									memo.options.vAxis.viewWindow.min = i18n[memo.obscode]['min'];
+								}
+							} else if ( memo.obsMinValue >= 0) {
+								if ( memo.obscode != 'level' && memo.obscode != 'pH' ) {
+									memo.options.vAxis.viewWindow.min = 0;
+								} else {
+									// memo.options.vAxis.viewWindow.min = memo.obsMinValue;
+								}
+							} else {
+								//
+							}
-					// make ticks for y axis on cat types
+							if ( typeof i18n[memo.obscode]['max'] != 'undefined' ) {
-					if ( i18n[memo.obscode]['type'] == 'cat') {
+								if ( i18n[memo.obscode]['max'] != -999 ) {
-						memo.options.vAxis.ticks = [];
+									memo.options.vAxis.viewWindow.max = i18n[memo.obscode]['max'];
-						for (var c in i18n[memo.obscode]['catNamesShort']) {
+								}
-							memo.options.vAxis.ticks.push({v: parseInt(c), f: i18n[memo.obscode]['catNamesShort'][c][memo.lang] });
+							}
-							memo.options.vAxis.ticks.push({v: parseInt(c)+0.5, f: '' });
+						}
+						memo.titleEl.html( memo.title );
+						if ( typeof i18n[ memo.obscode ].changes != 'undefined' ) {
+							if ( typeof typeof i18n[ memo.obscode ].changes[ memo.lang ] != 'undefined' ) {
+								memo.titleEl.append( '&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="' + i18n[ memo.obscode ].changes[ memo.lang ] + '">' + i18n[ 'new' ][ memo.lang ] + '</button>' );
+								jQuery( '[data-toggle="tooltip"]' ).tooltip();
+							}
+						}
+						if ( memo.info == '' ) {
+							if ( memo.siteid != '-' && memo.addsitetoinfo ) {
+								memo.info += i18n[ 'siteinfostring' ][ memo.lang] + ': ' + memo.jw.site[ memo.siteid ].name;
+							}
+							if ( depthcats.length == 1 ) {
+								if ( memo.depthsO[ depthcats[0] ].valstring != '' ) {
+									if ( memo.info != '' ) { memo.info += "<br />"; }
+									memo.info += i18n[ 'depthinfostring' ][ memo.lang] + ': ' + memo.depthsO[ depthcats[0] ].valstring;
+								}
+							}
 						}
-						memo.options.vAxis.ticks.sort( function(a, b) { return a.v-b.v } );
-						memo.options.vAxis.viewWindow = { min: -0.5, max: parseInt(memo.options.vAxis.ticks[memo.options.vAxis.ticks.length-1].v)+0.5 };
+						if ( memo.info != '' ) {
-						memo.options.vAxis.gridlines.color = '#eee';
+							memo.titleEl.append( '&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" data-html="true" title="' + memo.info + '"><span class="fontawesome">&#xf05a;</span></button>' );
-						memo.options.vAxis.baselineColor = 'none';
+							jQuery( '[data-toggle="tooltip"]' ).tooltip();
-					} else if ( typeof i18n[memo.obscode]['min'] != 'undefined' ) {
+						}
-						memo.options.vAxis.viewWindow = { min: i18n[memo.obscode]['min'] };
-					} else if ( memo.obsMinValue >= 0) {
+					}
-						memo.options.vAxis.viewWindow = { min: 0 };
-					}
+					if ( memo.obsesA.length == 0 ) {
-					memo.titleEl.html( i18n[ memo.obscode ].title[ memo.lang ] );
+						console.log( 'No obses' );
-					memo.titleEl.append( '&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="' + i18n[ memo.obscode ].changes[ memo.lang ] + '">' + i18n[ 'new' ][ memo.lang ] + '</button>' );
- 					jQuery( '[data-toggle="tooltip"]' ).tooltip();
+					} else if (memo.graphType == 'trend') {
-					if (memo.graphType == 'trend') {
 						addDataToTrendChart(memo);
+					} else if (memo.graphType == 'seasonwithrefs') {
+						addDataToSeasonWithRefsChart(memo);
+					} else if (memo.graphType == 'trendwithhighlow') {
+						addDataToTrendWithHighLowChart(memo);
 					} else if (memo.graphType == 'season') {
@@ Rivi 334: / Rivi 791: @@
 						addDataToDateOfYearChart( memo );
 					}
 				}
@@ Rivi 355: / Rivi 812: @@
 					// do Y axis min and max for this chart type
-					memo.options.vAxis.minValue = new Date( memo.obsMinCompDate.getTime() );
+					memo.options.vAxis.viewWindow.min = new Date( memo.obsMinCompDate.getTime() );
-					memo.options.vAxis.minValue.setDate(1);
+					memo.options.vAxis.viewWindow.min.setDate(1);
-					memo.options.vAxis.viewWindow.min = memo.options.vAxis.minValue;
+					memo.options.vAxis.viewWindow.min.setHours( 0, 0, 0 );
-					memo.options.vAxis.maxValue = new Date( memo.obsMaxCompDate.getTime() );
+					memo.options.vAxis.viewWindow.max = new Date( memo.obsMaxCompDate.getTime() );
-					memo.options.vAxis.maxValue.setMonth( memo.options.vAxis.maxValue.getMonth()+1 );
+					memo.options.vAxis.viewWindow.max.setMonth( memo.options.vAxis.viewWindow.max.getMonth()+1 );
-					memo.options.vAxis.maxValue.setDate(0);
+					memo.options.vAxis.viewWindow.max.setDate(0);
-					memo.options.vAxis.viewWindow.max = memo.options.vAxis.maxValue;
+					memo.options.vAxis.viewWindow.max.setHours( 0, 0, 0 );
 					// do Y axis ticks and gridlines
@@ Rivi 369: / Rivi 826: @@
 					memo.options.vAxis.gridlines = { color: 'transparent' };
 					memo.options.vAxis.minorGridlines = { color: 'transparent' };
-					minM = memo.options.vAxis.minValue.getMonth();
+					minM = memo.options.vAxis.viewWindow.min.getMonth();
-					maxM = memo.options.vAxis.maxValue.getMonth();
+					maxM = memo.options.vAxis.viewWindow.max.getMonth();
 					if ( minM > maxM ) { mc = 13-minM+maxM; }
@@ Rivi 378: / Rivi 835: @@
 						mx = minM+mi;
-						yx = memo.options.vAxis.minValue.getFullYear();
+						yx = memo.options.vAxis.viewWindow.min.getFullYear();
-						if ( mx > 11 ) { yx = memo.options.vAxis.maxValue.getFullYear(); mx = mx - 12; }
+						if ( mx > 11 ) { yx = memo.options.vAxis.viewWindow.max.getFullYear(); mx = mx - 12; }
 						startOfMonth = new Date( yx, mx, 1 );
@@ Rivi 435: / Rivi 892: @@
 								memo.seriesO[ 'ice_cat_2,5' ].obses.push( { 'obsdatetime': obs.obsdatetime, 'season': obs.season, 'value': days, 'valueUnit': i18n[ 'days' ][ memo.lang ], 'addInfo': '', 'maintainer': memo.obsesS[ obs.season ][ 'maintainer' ], 'xvalue': obs.seasonmiddle, 'low': memo.obsesS[ obs.season ][ 'low' ], 'high': memo.obsesS[ obs.season ][ 'high' ], 'tooltip': '<p><b>' + i18n[ 'season' ][ 'winter' ][ memo.lang ] + '&nbsp;' + obs.season + '&ndash;' + (obs.season+1) + '</b></p><p>' + i18n[ 'ice_cat_2,5' ].title[ memo.lang ] + ':&nbsp;' + days + '&nbsp;' + i18n[ 'days' ][ memo.lang ] + '</p>' } );
 							}
 						}
 					}
@@ Rivi 451: / Rivi 908: @@
 							memo.data.addColumn( { type: 'string', role: 'annotation' } );
-							memo.options.series.push( { type: 'scatter', pointType: 'circle', pointSize: 9, color: memo.seriesA[ s ].color  } );
+							memo.options.series.push( { type: 'scatter', pointType: 'circle', pointSize: 10, color: memo.seriesA[ s ].color  } );
-							if ( memo.seriesA[ s ].obses.length > 1 ) {
+							if ( memo.seriesA[ s ].obses.length > 4 ) {
-								memo.options.trendlines[ memo.options.series.length - 1 ] = { type: 'linear', title: i18n.trendline, lineWidth: 2.33, visibleInLegend: false, tooltip: false };
+								memo.options.trendlines[ memo.options.series.length - 1 ] = { type: 'linear', title: i18n.trendline, lineWidth: 3, visibleInLegend: false, tooltip: false };
 							} else {
 								memo.options.trendlines[ memo.options.series.length - 1 ] = { type: 'linear', title: i18n.trendline, lineWidth: 0, color: 'transparent', visibleInLegend: false, tooltip: false };
@@ Rivi 517: / Rivi 974: @@
 					}
+					memo.options.hAxis.ticks = [];
-	/*
+					var years = memo.options.hAxis.maxValue.getFullYear() - memo.options.hAxis.minValue.getFullYear();
-					// linear trend line
+					for (i=memo.options.hAxis.minValue.getFullYear(); i<=memo.options.hAxis.maxValue.getFullYear(); i++) {
+						middleOfYear = new Date( i, 6, 1 );
+						if ( years > 50 ) {
+							if ( i % 10 == 0 ) {
+								memo.options.hAxis.ticks.push({v: middleOfYear, f: String(i) });
+							}
+						} else if ( years > 11 ) {
+							if ( i % 5 == 0 ) {
+								memo.options.hAxis.ticks.push({v: middleOfYear, f: String(i) });
+							}
+						} else if ( years > 6 ) {
+							if ( i % 2 == 0 ) {
+								memo.options.hAxis.ticks.push({v: middleOfYear, f: String(i) });
+							}
+						} else {
+							memo.options.hAxis.ticks.push({v: middleOfYear, f: String(i) });
+						}
+					}
+					memo.options.hAxis.gridlines.color = 'transparent';
+					memo.options.vAxis.gridlines.color = '#cccccc';
+					drawChart(memo);
+				}
+				function addDataToSeasonWithRefsChart(memo) {
+console.log( memo );
+					// do axis min and max
+					memo.axisMinDate = new Date( memo.curSeason, 0, 1 );
+					memo.axisMaxDate = new Date( memo.curSeason, 11, 31 );
+					memo.data.addColumn( 'number', '1991-2020' );
+					memo.data.addColumn( { id:'i0', type:'number', role:'interval' } );
+					memo.data.addColumn( { id:'i0', type:'number', role:'interval' } );
+					memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );
+					memo.data.addColumn( 'number', memo.curSeason );
+					memo.data.addColumn( {'type': 'string', 'role': 'style' } );
+					memo.data.addColumn( { type: 'string', role: 'annotation' } );
+					memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );
+					// series for trend line
 					//memo.options.trendlines[0] = { labelInLegend: i18n['trendline'][memo.lang], tooltip: false, color: colors['trend'], lineWidth: 2, opacity: 0.5, type: 'linear', visibleInLegend: memo.trendType!='moving' };
-					// data columns for vAxis gridlines
+					for (var o in memo.obsesA) {
-					for (g=0; g < memo.vAxisGridlines.length; g++) {
+						if ( memo.obsesA[o].printouts.ObsCode == memo.refcode ) {
-						memo.data.addColumn( 'date', 'vAxis gridline_' + g );
+							memo.obsesA[o].compareDate = getDateOfISOWeek( memo.obsesA[o].data.week, memo.curSeason )
-						memo.options.series[g+1] = { type: 'line', pointSize: 0, lineWidth: 1, color: '#eee', XlineDashStyle: [3, 3], visibleInLegend: false };
+							memo.obsesA[o].compareDate.setDate( memo.obsesA[o].compareDate.getDate() + 3 );
+							memo.obsesA[o].compareDate.setHours( 12 );
+						}
 					}
+					var weekdata = [];
+					for ( var w=1; w<=53; w++ ) {
+						weekdata.push( { 'week': w, 'val': null, 'mw': null, 'low': null, 'high': null, 'style': null } );
+					}
-					// add gridlines
+					for (var o in memo.obsesA) {
-					for (g=0; g < memo.vAxisGridlines.length; g++) {
+						if ( memo.obsesA[ o ].printouts.ObsCode == memo.obscode ) {
+							weekdata[ memo.obsesA[ o ].data.week-1 ].val = memo.obsesA[ o ].data.val;
+							weekdata[ memo.obsesA[ o ].data.week-1 ].style = memo.obsesA[ o ].style;
+						} else {
+							weekdata[ memo.obsesA[ o ].data.week-1 ].mw = memo.obsesA[ o ].data.val;
+							weekdata[ memo.obsesA[ o ].data.week-1 ].low = memo.obsesA[ o ].data.low / 100;
+							weekdata[ memo.obsesA[ o ].data.week-1 ].high = memo.obsesA[ o ].data.high / 100;
+						}
+					}
-						dataRow1 = [];
+					for ( var w in weekdata ) {
-						dataRow2 = [];
-						// fill rows with nulls
+						mow = getDateOfISOWeek( weekdata[w].week, memo.curSeason );
-						for (var i=0; i<noc; i++) { dataRow1.push( null ); dataRow2.push( null ); }
+						mow.setDate( mow.getDate() + 3 );
-						dataRow1[0] = memo.options.hAxis.minValue;
+						memo.dataA.push( [
-						dataRow2[0] = memo.options.hAxis.maxValue;
+							mow,
+							weekdata[w].mw,
+							weekdata[w].low,
+							weekdata[w].high,
+							'<div style="padding: 5px;"><b>Vertailukauden 1991-2020 havainnot viikolla ' + weekdata[w].week + '</b><br />Suurin arvo (HW): ' + weekdata[w].high + '<br />Keskiarvo (MW): ' + weekdata[w].mw + '<br />Pienin arvo (LW): ' + weekdata[w].low + '</div>',
+							weekdata[w].val,
+							weekdata[w].style,
+							null,
+							'<div style="padding: 5px;"><b>Kuluvan vuoden vedenkorkeus viikolla ' + weekdata[w].week + '</b><br />Keskiarvo (MW): ' + weekdata[w].val + '</div>',
+						] );
+					}
-						dataRow1[5+g] = memo.vAxisGridlines[g];
+					// make ticks for x axis
-						dataRow2[5+g] = memo.vAxisGridlines[g];
+					memo.options.hAxis.ticks = [];
+					for (i=0; i<12; i++) {
+						//m = i+1;
+						middleOfMonth = new Date( memo.curSeason, i, 16 );
+						memo.options.hAxis.ticks.push({v: middleOfMonth, f: i18n.months[i]['roman'] });
+					}
-						memo.dataA.push( dataRow1 );
+					memo.options.seriesType = 'line';
-						memo.dataA.push( dataRow2 );
+					memo.options.series[0] = { type: 'line', pointSize: 0, color: colors.average, lineWidth: 2.33  };
-					}
+					memo.options.curveType = 'function';
-	*/
+					//memo.options.intervals = { 'style': 'area', 'color': colors['averageare'] };
+					memo.options.series[1] = { type: 'line', pointSize: 10, color: colors.curObses, lineWidth: 5  };
+					//memo.options.vAxis.viewWindow.min = 80.5;
+					//memo.options.vAxis.viewWindow.max = 81.7;
+					memo.chart = new google.visualization.LineChart( memo.chartEl[0] );        	// document.getElementById(memo.id)
 					drawChart(memo);
 				}
-				function addDataToTrendChart(memo) {
+				function addDataToTrendWithHighLowChart	(memo) {
 					// do axis min and max
@@ Rivi 564: / Rivi 1 094: @@
 					memo.data.addColumn( 'number', memo.obsMinYear + '-' + memo.obsMaxYear );
+					memo.data.addColumn( { id:'i0', type:'number', role:'interval' } );
+					memo.data.addColumn( { id:'i0', type:'number', role:'interval' } );
 					memo.data.addColumn( {'type': 'string', 'role': 'style' } );
 					memo.data.addColumn( { type: 'string', role: 'annotation' } );
@@ Rivi 569: / Rivi 1 101: @@
 					// series for trend line
-					memo.options.trendlines[0] = { labelInLegend: i18n['trendline'][memo.lang], tooltip: false, color: colors['trend'], lineWidth: 2, opacity: 0.5, type: 'linear', visibleInLegend: memo.trendType!='moving' };
+					//memo.options.trendlines[0] = { labelInLegend: i18n['trendline'][memo.lang], tooltip: false, color: colors['trend'], lineWidth: 2, opacity: 0.5, type: 'linear', visibleInLegend: memo.trendType!='moving' };
+					for (var o in memo.obsesA) {
+						dateStr = memo.obsesA[o].popup.match( /\([^)]*\)/g );
+						yearStr = dateStr[0].match( /[0-9]{4}/g );
+						memo.obsesA[o].popup = memo.obsesA[o].popup.replace( dateStr[0], '(' + yearStr[0] + ')' );
+						memo.dataA.push( [ memo.obsesA[o].obsdatetime, memo.obsesA[o].value, memo.obsesA[o].data.low/100, memo.obsesA[o].data.high/100, memo.obsesA[o].style, null, memo.obsesA[o].popup ] );
+					}
+					memo.options.hAxis.ticks = [];
+					for (i=memo.axisMinDate.getFullYear(); i<=memo.axisMaxDate.getFullYear(); i++) {
+						middleOfYear = new Date( i, 6, 1 );
+						memo.options.hAxis.ticks.push({v: middleOfYear, f: String(i) });
+					}
+					memo.options.seriesType = 'line';
+					memo.options.series[0] = { type: 'line', pointSize: 10, color: colors['curObses']  };
+					memo.options.curveType = 'function';
+					//memo.options.intervals = { 'style': 'area', 'color': colors['averageare'] };
+					memo.options.vAxis.viewWindow.min = 80;
+					memo.options.vAxis.viewWindow.max = 82;
+					memo.chart = new google.visualization.LineChart( memo.chartEl[0] );        	// document.getElementById(memo.id)
+					drawChart(memo);
+				}
+				function addDataToTrendChart(memo) {
+					if ( memo.trendType == 'gaussian' ) { memo.trendType = 'linear'; };
+					// do axis min and max
+					memo.axisMinDate = new Date(memo.obsMinDate.getTime());
+					memo.axisMaxDate = new Date(memo.obsMaxDate.getTime());
+					memo.axisMinDate.setMonth(0);
+					memo.axisMaxDate.setMonth(11);
+					memo.axisMinDate.setDate(1);
+					memo.axisMaxDate.setDate(31);
+					if ( memo.obsesA.length < memo.divideCond ) { memo.divide = '-'; }
+					if ( memo.divide == 'summerwinter' ) {
+						memo.options.series[0] = { type: 'scatter', pointSize: 10, color: colors[ 'spring-autumn' ] };
+						memo.options.series[1] = { type: 'scatter', pointSize: 10, color: colors[ 'summer' ] };
+						memo.options.series[2] = { type: 'scatter', pointSize: 10, color: colors[ 'winter' ] };
+						memo.data.addColumn( 'number', 'Kevät/syksy' );
+						memo.data.addColumn( {'type': 'string', 'role': 'style' } );
+						memo.data.addColumn( { type: 'string', role: 'annotation' } );
+						memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );
+						memo.data.addColumn( 'number', 'Kesä (kesä-syyskuu)' );
+						memo.data.addColumn( {'type': 'string', 'role': 'style' } );
+						memo.data.addColumn( { type: 'string', role: 'annotation' } );
+						memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );
+						memo.data.addColumn( 'number', 'Talvi (tammi-huhtikuu)' );
+						memo.data.addColumn( {'type': 'string', 'role': 'style' } );
+						memo.data.addColumn( { type: 'string', role: 'annotation' } );
+						memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );
+					} else if ( memo.divide == 'summerother' ) {
+						memo.options.series[0] = { type: 'scatter', pointSize: 10, color: colors[ 'spring-autumn' ] };
+						memo.options.series[1] = { type: 'scatter', pointSize: 10, color: colors[ 'summer' ] };
+						memo.data.addColumn( 'number', 'Muu vuodenaika' );
+						memo.data.addColumn( {'type': 'string', 'role': 'style' } );
+						memo.data.addColumn( { type: 'string', role: 'annotation' } );
+						memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );
+						memo.data.addColumn( 'number', 'Kesä (kesä-syyskuu)' );
+						memo.data.addColumn( {'type': 'string', 'role': 'style' } );
+						memo.data.addColumn( { type: 'string', role: 'annotation' } );
+						memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );
+					} else if ( memo.divide == 'bottomsurface' ) {
+						memo.options.series[0] = { type: 'scatter', pointSize: 10, color: colors[ 'spring-autumn' ] };
+						memo.options.series[1] = { type: 'scatter', pointSize: 10, color: colors[ 'summer' ] };
+						memo.options.series[2] = { type: 'scatter', pointSize: 10, color: colors[ 'winter' ] };
+						memo.data.addColumn( 'number', 'Välivesi/Ei tietoa' );
+						memo.data.addColumn( {'type': 'string', 'role': 'style' } );
+						memo.data.addColumn( { type: 'string', role: 'annotation' } );
+						memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );
+						memo.data.addColumn( 'number', 'Pohja' );
+						memo.data.addColumn( {'type': 'string', 'role': 'style' } );
+						memo.data.addColumn( { type: 'string', role: 'annotation' } );
+						memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );
+						memo.data.addColumn( 'number', 'Pinta' );
+						memo.data.addColumn( {'type': 'string', 'role': 'style' } );
+						memo.data.addColumn( { type: 'string', role: 'annotation' } );
+						memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );
+					} else {
-					for (var o in memo.obsesA) {
+						memo.options.series[0] = { type: 'scatter', pointSize: 10, color: colors[ 'allyear' ] };
-						//dataRow = [];
+						memo.data.addColumn( 'number', memo.obsMinYear + '-' + memo.obsMaxYear );
+						memo.data.addColumn( {'type': 'string', 'role': 'style' } );
+						memo.data.addColumn( { type: 'string', role: 'annotation' } );
+						memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );
-						//if (!!memo.obsesA[o].addInfo) {
+					}
-							//dataArr.push( [ memo.obsesA[o].obsdatetime, memo.obsesA[o].value, 0, memo.obsesA[o].value, memo.obsesA[o].value, 'point { size: 5; fill-color: #0076b0; stroke-width: 2; stroke-color: ' + maintColors[memo.obsesA[o].maintainer] + '; }', '', memo.obsesA[o].popup ] );
-							//memo.dataA.push( [ memo.obsesA[o].obsdatetime, memo.obsesA[o].value, 'point { size: 5; fill-color: #0076b0; stroke-width: 2; stroke-color: ' + maintColors[memo.obsesA[o].maintainer] + '; }', null, memo.obsesA[o].popup ] );
+					// series for trend line
-							memo.dataA.push( [ memo.obsesA[o].obsdatetime, memo.obsesA[o].value, memo.obsesA[o].style, null, memo.obsesA[o].popup ] );
+					if ( memo.showTrend ) {
-						//} else {
-							//dataArr.push( [ memo.obsesA[o].obsdatetime, memo.obsesA[o].value, 0, memo.obsesA[o].value, memo.obsesA[o].value, 'point { size: 4; fill-color: #5893b0; stroke-width: 2; stroke-color: ' + maintColors[memo.obsesA[o].maintainer] + '; }', '', memo.obsesA[o].popup ] );
-							//memo.dataA.push( [ memo.obsesA[o].obsdatetime, memo.obsesA[o].value, 'point { size: 4; fill-color: #5893b0; stroke-width: 2; stroke-color: ' + maintColors[memo.obsesA[o].maintainer] + '; }', null, memo.obsesA[o].popup ] );
-						//}
-						//memo.dataA.push( dataRow );
+						if ( memo.divide == 'summerwinter' ) {
+							memo.options.trendlines[0] = { 'lineWidth': 0, 'opacity': 0, tooltip: false, visibleInLegend: false };
+							memo.options.trendlines[1] = { labelInLegend: i18n['trendline'][memo.lang], tooltip: false, color: colors['summer'], lineWidth: 3, originalLineWidth: 3, opacity: 1, type: memo.trendType, 'degree': 2,  visibleInLegend: false };
+							memo.options.trendlines[2] = { labelInLegend: i18n['trendline'][memo.lang], tooltip: false, color: colors['winter'], lineWidth: 3, originalLineWidth: 3, opacity: 1, type: memo.trendType, 'degree': 2, visibleInLegend: false };
+						} else if ( memo.divide == 'summerother' ) {
+							memo.options.trendlines[0] = { 'lineWidth': 0, 'opacity': 0, tooltip: false, visibleInLegend: false };
+							memo.options.trendlines[1] = { labelInLegend: i18n['trendline'][memo.lang], tooltip: false, color: colors['summer'], lineWidth: 3, originalLineWidth: 3, opacity: 1, type: memo.trendType, 'degree': 2,  visibleInLegend: false };
+						} else if ( memo.divide == 'bottomsurface' ) {
+							memo.options.trendlines[0] = { 'lineWidth': 0, 'opacity': 0, tooltip: false, visibleInLegend: false };
+							memo.options.trendlines[1] = { labelInLegend: i18n['trendline'][memo.lang], tooltip: false, color: colors['summer'], lineWidth: 3, originalLineWidth: 3, opacity: 1, type: memo.trendType, 'degree': 2,  visibleInLegend: false };
+							memo.options.trendlines[2] = { labelInLegend: i18n['trendline'][memo.lang], tooltip: false, color: colors['winter'], lineWidth: 3, originalLineWidth: 3, opacity: 1, type: memo.trendType, 'degree': 2, visibleInLegend: false };
+						} else {
+							memo.options.trendlines[0] = { labelInLegend: i18n['trendline'][memo.lang], tooltip: false, color: colors['allyear'], lineWidth: 3, originalLineWidth: 3, opacity: 1, type: memo.trendType, 'degree': 2, visibleInLegend: memo.trendType!='moving' };
+						}
+						for ( var t in memo.options.trendlines ) {
+							if ( memo.trendType == 'linear' ) {
+								memo.options.trendlines[ t ].type = 'linear';
+							} else if ( memo.trendType = 'poly2deg' ) {
+								memo.options.trendlines[ t ].type = 'polynomial';
+								memo.options.trendlines[ t ].degree = 2;
+							} else if ( memo.trendType = 'poly3deg' ) {
+								memo.options.trendlines[ t ].type = 'polynomial';
+								memo.options.trendlines[ t ].degree = 3;
+							} else if ( memo.trendType == 'smart' ) {
+								if ( ( memo.axisMaxDate.getFullYear() - memo.axisMinDate.getFullYear() > 10 ) && memo.obsesTotal > 20 ) {
+									memo.options.trendlines[ t ].type = 'polynomial';
+									memo.options.trendlines[ t ].degree = 2;
+								} else {
+									memo.options.trendlines[ t ].type = 'linear';
+								}
+							}
+						}
 					}
+					for (var o in memo.obsesA) {
+						if ( memo.divide == 'summerwinter' ) {
+							if ( memo.obsesA[o].seriesId == 'summer' ) {
+								memo.dataA.push( [ memo.obsesA[o].obsdatetime, null, null, null, null, memo.obsesA[o].value, memo.obsesA[o].style, null, memo.obsesA[o].popup, null, null, null, null ] );
+							} else if ( memo.obsesA[o].seriesId == 'winter' ) {
+								memo.dataA.push( [ memo.obsesA[o].obsdatetime, null, null, null, null, null, null, null, null, memo.obsesA[o].value, memo.obsesA[o].style, null, memo.obsesA[o].popup ] );
+							} else {
+								memo.dataA.push( [ memo.obsesA[o].obsdatetime, memo.obsesA[o].value, memo.obsesA[o].style, null, memo.obsesA[o].popup, null, null, null, null, null, null, null, null ] );
+							}
+						} else if ( memo.divide == 'summerother' ) {
+							if ( memo.obsesA[o].seriesId == 'summer' ) {
+								memo.dataA.push( [ memo.obsesA[o].obsdatetime, null, null, null, null, memo.obsesA[o].value, memo.obsesA[o].style, null, memo.obsesA[o].popup ] );
+							} else {
+								memo.dataA.push( [ memo.obsesA[o].obsdatetime, memo.obsesA[o].value, memo.obsesA[o].style, null, memo.obsesA[o].popup, null, null, null, null ] );
+							}
+						} else if ( memo.divide == 'bottomsurface' ) {
+							if ( memo.obsesA[o].seriesId == 'bottom' ) {
+								memo.dataA.push( [ memo.obsesA[o].obsdatetime, null, null, null, null, memo.obsesA[o].value, memo.obsesA[o].style, null, memo.obsesA[o].popup, null, null, null, null ] );
+							} else if ( memo.obsesA[o].seriesId == 'surface' ) {
+								memo.dataA.push( [ memo.obsesA[o].obsdatetime, null, null, null, null, null, null, null, null, memo.obsesA[o].value, memo.obsesA[o].style, null, memo.obsesA[o].popup ] );
+							} else {
+								memo.dataA.push( [ memo.obsesA[o].obsdatetime, memo.obsesA[o].value, memo.obsesA[o].style, null, memo.obsesA[o].popup, null, null, null, null, null, null, null, null ] );
+							}
+						} else {
+							memo.dataA.push( [ memo.obsesA[o].obsdatetime, memo.obsesA[o].value, memo.obsesA[o].style, null, memo.obsesA[o].popup ] );
+						}
+					}
 					memo.options.hAxis.ticks = [];
+					var years = memo.axisMaxDate.getFullYear() - memo.axisMinDate.getFullYear();
 					for (i=memo.axisMinDate.getFullYear(); i<=memo.axisMaxDate.getFullYear(); i++) {
 						middleOfYear = new Date( i, 6, 1 );
-						memo.options.hAxis.ticks.push({v: middleOfYear, f: String(i) });
+						if ( years > 50 ) {
+							if ( i % 10 == 0 ) {
+								memo.options.hAxis.ticks.push({v: middleOfYear, f: String(i) });
+							}
+						} else if ( years > 11 ) {
+							if ( i % 5 == 0 ) {
+								memo.options.hAxis.ticks.push({v: middleOfYear, f: String(i) });
+							}
+						} else if ( years > 6 ) {
+							if ( i % 2 == 0 ) {
+								memo.options.hAxis.ticks.push({v: middleOfYear, f: String(i) });
+							}
+						} else {
+							memo.options.hAxis.ticks.push({v: middleOfYear, f: String(i) });
+						}
 					}
+					memo.options.hAxis.gridlines.color = '#ffffff';
-					memo.options.series[0] = {type: 'scatter', pointSize: 6, color: '#3366cc'  };
 					drawChart(memo);
@@ Rivi 618: / Rivi 1 324: @@
 						memo.seasonsO[s].obses.push( memo.obsesA[o] );
 					}
 					for (var o in memo.seasonsO) { memo.seasonsA.push(o); } memo.seasonsA.sort( function(a,b) { return b-a; } );
@@ Rivi 641: / Rivi 1 346: @@
 						if ( memo.seasonsA[s] == memo.curSeason ) {
 							if ( memo.type == 'cat' ) {
-								memo.options.series[sc++] = { type: 'scatter', curveType: 'function', color: colors['curObses'], XpointSize: 3, lineWidth: 0, visibleInLegend: true, hideThis: false, origSize: 10 };
+								memo.options.series[sc++] = { type: 'scatter', curveType: 'function', color: colors['curObses'], lineWidth: 0, visibleInLegend: true, hideThis: false };
 							} else {
-								memo.options.series[sc++] = { type: 'scatter', curveType: 'function', color: colors['curObses'], XpointSize: 3, lineWidth: 4, visibleInLegend: true, hideThis: false, origSize: 10 };
+								memo.options.series[sc++] = { type: 'scatter', curveType: 'function', color: colors['curObses'], pointSize: 10, lineWidth: 4, visibleInLegend: true, hideThis: false };
 							}
 						} else {
-							memo.options.series[sc++] = { type: 'scatter', curveType: 'function', color: colors['obses'], XpointSize: 5, lineWidth: 0, visibleInLegend: false, hideThis: true, origSize: 5 };
+							memo.options.series[sc++] = { type: 'scatter', curveType: 'function', color: colors['obses'], pointSize: 10, lineWidth: 0, visibleInLegend: false, hideThis: true };
 						}
 					}
@@ Rivi 652: / Rivi 1 357: @@
 					// legend entry for timespan
 					memo.data.addColumn( 'number', memo.obsMinDate.getFullYear() + '-' + memo.obsMaxDate.getFullYear() );
-					memo.options.series[sc++] = { type: 'scatter', color: colors['obses'], pointSize: 5, visibleInLegend: true, hideThis: false };
+					memo.options.series[sc++] = { type: 'scatter', color: colors['obses'], pointSize: 10, visibleInLegend: true, hideThis: false };
 					// series for average
 					memo.data.addColumn( 'number', i18n['average'][memo.lang] );
 					if ( i18n[memo.obscode].trend.layout == 'area') {
-						memo.options.series[sc++] = { type: 'area', curveType: 'function', lineWidth: 2, pointSize: 0, color: colors['average'], areaOpacity: 0.25, lineDashStyle: [2,2], enableInteractivity: false, visibleInLegend: memo.trendType=='moving' };
+						memo.options.series[sc++] = { type: 'area', curveType: 'function', lineWidth: 2, pointSize: 0, color: colors['averagearea'], areaOpacity: 1, lineDashStyle: [2,2], enableInteractivity: false, visibleInLegend: memo.trendType=='moving' };
 					} else {
-						memo.options.series[sc++] = { type: 'line', curveType: 'function', lineWidth: 3, pointSize: 5, color: colors['average'], dataOpacity: 0.75, lineDashStyle: [6,3], enableInteractivity: false, visibleInLegend: memo.trendType=='moving' };
+						memo.options.series[sc++] = { type: 'line', curveType: 'function', lineWidth: 3, pointSize: 0, color: colors['average'], dataOpacity: 1, lineDashStyle: [6,3], enableInteractivity: false, visibleInLegend: memo.trendType=='moving' };
 					}
 					memo.data.addColumn( { id: 'dev', type: 'number', role: 'interval' } );
 					memo.data.addColumn( { id: 'dev', type: 'number', role: 'interval' } );
+					//memo.options.intervals = { 'style': 'color': colors['averagearea'] };
+					if ( memo.seasonsA.length == 1 && memo.seasonsA[0] == memo.curSeason  ) {
+						memo.options.series[ sc-1 ].lineWidth = 0;
+						memo.options.series[ sc-1 ].pointSize = 0;
+						//memo.options.series[ sc-1 ].color = colors['averagearea'];
+						//memo.options.series[ sc-1 ].areaOpacity = 1;
+						memo.options.series[ sc-1 ].labelInLegend = false;
+						memo.options.intervals = { 'style':'none' };
+					}
 					// series for trend line
 					memo.data.addColumn( 'number', 'trend' );
-					//memo.options.trendlines[sc] = { labelInLegend: i18n['trendline'][memo.lang], tooltip: false, color: colors['trend'], lineWidth: 2, opacity: 0.5, type: 'polynomial', degree: 15, visibleInLegend: memo.trendType!='moving' };
 					memo.options.series[sc++] = { type: 'scatter', pointSize: 0, enableInteractivity: false, visibleInLegend: false, hideThis: false };
@@ Rivi 686: / Rivi 1 398: @@
 						// make week averages
 						memo.avgW = {};
-						for (var o in memo.obsesA) {
+						for ( var o in memo.obsesA ) {
-							mwDate = new Date( memo.obsesA[o].compareDate.getFullYear(), memo.obsesA[o].compareDate.getMonth(), memo.obsesA[o].compareDate.getDate() );
+							mwDate = new Date( memo.obsesA[o].compareDate.getTime() );
+							mwDate.setDate( mwDate.getDate() - mwDate.getDay() + 3 );
+							memo.obsesA[o].mwDate = mwDate;
 							y = mwDate.getFullYear();
 							w = mwDate.getWeek();
 							v = memo.obsesA[o].value + memo.distF*Math.random() - memo.distF*Math.random();
+							if ( memo.season == 'winter' && w == 1 && y == memo.curSeason ) { y++; }
 							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 {
@@ Rivi 705: / Rivi 1 420: @@
 							}
 						}
-						//console.log(memo.avgW);
 						// calculate standard deviation
@@ Rivi 744: / Rivi 1 457: @@
 						memo.avgWlist.sort( function(a, b) { return (a.y*100+a.w) - (b.y*100+b.w); });
-						//console.log(memo.avgWlist);
 						firstY = memo.avgWlist[0].y;
@@ Rivi 765: / Rivi 1 476: @@
 							for ( var w=w1; w<=w2; w++) {
-								//console.log( y + '/' + w );
 								if ( typeof(memo.avgW[y][w]) == 'undefined' ) {
@@ Rivi 796: / Rivi 1 505: @@
 							}
 						}
-						//console.log(memo.avgMlist);
 						for ( var i=0; i<memo.avgMlist.length; i++ ) {
@@ Rivi 821: / Rivi 1 528: @@
 						}
-						//console.log(memo.avgMlist);
-						// if full year
 						if ( memo.avgMlist.length >= 52 ) {
@@ Rivi 850: / Rivi 1 554: @@
 								memo.avgHlist.unshift( prev + 2 * devAvg );
 								memo.avgHlist.push( next + 2 * devAvg );
 							}
@@ Rivi 859: / Rivi 1 561: @@
 						memo.avgLsmooth = smooth( memo.avgLlist, memo.gSmoothing );
 						memo.avgHsmooth = smooth( memo.avgHlist, memo.gSmoothing );
-						//console.log(memo.avgMlist);
-						//console.log(memo.avgLsmooth);
 						cc = memo.data.getNumberOfColumns();
@@ Rivi 874: / Rivi 1 572: @@
 							for (var e=0; e<cc; e++) { dataRow.push( null ); }
-							dataRow[0] = new Date( memo.avgW[firstY][firstW].cDate.getTime() + (i - 1)*msW );
+							xdate = new Date( memo.avgW[firstY][firstW].cDate.getTime() + ( i + 1 - memo.gSmoothing/2 ) * msW );
+							if ( xdate.getTime() < memo.axisMinDate.getTime() ) {
+								dataRow[0] = memo.axisMinDate;
+							} else if ( xdate.getTime() > memo.axisMaxDate.getTime() ) {
+								dataRow[0] = memo.axisMaxDate;
+							} else {
+								dataRow[0] = xdate; //new Date( memo.avgW[firstY][firstW].cDate.getTime() + ( i + 1 - memo.gSmoothing/2 ) * msW );
+							}
-							//dataRow[cc-4] = memo.avgMlist[i];
+							dataRow[cc-4] = memo.avgMsmooth[i];
-							dataRow[cc-4] = memo.avgMsmooth[i];
+							if ( memo.obscode == 'level' ) {
-							dataRow[cc-3] = memo.avgLsmooth[i];
+								dataRow[cc-3] = memo.avgLsmooth[i];
+							} else {
+								dataRow[cc-3] = Math.max( memo.avgLsmooth[i], 0 );
+							}
 							dataRow[cc-2] = memo.avgHsmooth[i];
-							//dataRow[cc-3] = Math.min( memo.avgLsmooth[i], memo.avgMlist[i+memo.gSmoothing/2+2] );
-							//dataRow[cc-2] = Math.max( memo.avgHsmooth[i], memo.avgMlist[i+1] );
 							memo.dataA.push( dataRow );
 						}
-						memo.options.intervals = { 'style':'area' };
-						//console.log(memo.dataA);
 					} else if (memo.trendType == 'moving') {
@@ Rivi 900: / Rivi 1 600: @@
 					// add data to table
 					cc = memo.data.getNumberOfColumns();
 					for (var s in memo.seasonsA) {
@@ Rivi 922: / Rivi 1 623: @@
 							dataRow[s*4+2] = obs.style;
 							dataRow[s*4+3] = obs.popup;
-							dataRow[s*4+4] = null; //annotation
+							if ( ( today.getTime() - obs.compareDate.getTime() < 10*24*60*60*1000 ) && s == 0 && o == ( memo.seasonsO[memo.seasonsA[s]].obses.length - 1 ) ) {
+								y = obs.mwDate.getFullYear();
+								w = obs.mwDate.getWeek();
+								if ( memo.season == 'winter' && w == 1 && y == memo.curSeason ) { y++; }
+								var diff = obs.value - memo.avgW[ y ][ w ].avg;
+								var diff = Math.round( diff*100 );
+								var diffStr = diff.toString() + ' cm';
+								if ( diff > 0 ) { diffStr = '+' + diffStr; }
+								dataRow[s*4+4] = null; //diffStr; //annotation
+							} else {
+								dataRow[s*4+4] = null; //annotation
+							}
 							memo.dataA.push( dataRow );
@@ Rivi 966: / Rivi 1 679: @@
 						}
 					}
+					if ( memo.obscode == 'level' ) {
+						memo.options.vAxis.viewWindow.min = Math.floor( memo.obsMinValue * 10 ) / 10;
+						memo.options.vAxis.viewWindow.max = Math.ceil( memo.obsMaxValue * 10 ) / 10 ;
+					}
+					//console.log( memo );
-					drawChart(memo);
+					drawChart( memo );
 				}
+				function drawChart(memo) {
-				function drawChart(memo) {
+					memo.loaderEl.fadeOut( "slow", function() { memo.loaderEl.remove(); } );
 					if (memo.dataA.length > 0) {
@@ Rivi 978: / Rivi 1 699: @@
 						memo.data.addRows(memo.dataA);
-						memo.chart = new google.visualization.ComboChart( memo.chartEl[0] );        	// document.getElementById(memo.id)
+						if ( typeof memo.chart == 'undefined' ) {
+							memo.chart = new google.visualization.ComboChart( memo.chartEl[0] );        	// document.getElementById(memo.id)
-						//doResize();
+						}
 						memo.fullscreenEl.fadeIn( "slow" );
-						memo.downloadEl.fadeIn( "slow" );
+						if ( memo.download) { memo.downloadEl.fadeIn( "slow" ); }
+						if ( memo.showlink ) { memo.sitelinkEl.fadeIn( "slow" ); }
 						memo.selectedCol = 0;
@@ Rivi 997: / Rivi 1 719: @@
 									if (memo.options.series[c].hideThis) {
 										memo.options.series[c].lineWidth = 0;
-										//memo.options.series[c].pointSize = memo.options.series[c].origSize;
 										memo.options.series[c].color = colors['obses'];
 										memo.options.series[c].visibleInLegend = false;
@@ Rivi 1 005: / Rivi 1 726: @@
 								if (col != memo.selectedCol && memo.options.series[(col-1)/4].hideThis) {
 									memo.selectedCol = col;
 									memo.options.series[(col-1)/4].lineWidth = 3;
-									//memo.options.series[(col-1)/4].pointSize = 12;
 									memo.options.series[(col-1)/4].color = colors['selObses'];
 									memo.options.series[(col-1)/4].visibleInLegend = true;
 								} else {
 									memo.selectedCol = 0;
@@ Rivi 1 019: / Rivi 1 739: @@
 								for (var c in memo.options.series) {
 									if (memo.options.series[c].hideThis) {
 										memo.options.series[c].lineWidth = 0;
-										//memo.options.series[c].pointSize = memo.options.series[c].origSize;
 										memo.options.series[c].color = colors['obses'];
 										memo.options.series[c].visibleInLegend = false;
@@ Rivi 1 028: / Rivi 1 747: @@
 							}
-							//doResize();
+							doResize( memo, true );
 						});
-						memo.editEl.on( 'click', function() {
+						google.visualization.events.addListener( memo.chart, 'ready', function () {
-							window.location.href = memo.editUrl;
-						});
+							// hide every second vaxis gridline on cat charts
+							if ( i18n[memo.obscode]['type'] == 'cat') {
-						memo.fullscreenEl.on( 'click', function() {
+								var glc = 0;
+								jQuery( document.getElementById(memo.id) ).find( 'rect[height="1"]' ).each( function() {
-							var elem = memo.widgetEl[0];
+									if ( ( glc++ % 2 ) == 0 ) {
+										jQuery( this ).attr( 'fill', 'none' );
-							if (!!document.fullscreenElement) {
+									}
+								});
-								//memo.options.chartArea = { top: memo.margins.top, left: memo.margins.left, width: (memo.widgetEl.width() - memo.margins.left - memo.margins.right), height: (memo.widgetEl.height() - memo.margins.top - memo.margins.bottom), backgroundColor: { fill: '#daf0fa', stroke: '#fff', strokeWidth: 6 }};
-								if (document.exitFullscreen) {
-									document.exitFullscreen();
-								} else if (document.mozCancelFullScreen) { /* Firefox */
-									document.mozCancelFullScreen();
-								} else if (document.webkitExitFullscreen) { /* Chrome, Safari and Opera */
-									document.webkitExitFullscreen();
-								} else if (document.msExitFullscreen) { /* IE/Edge */
-									document.msExitFullscreen();
-								}
-								memo.fullscreenEl.find( 'button' ).html( '<i class="fas fa-expand"></i>' );
-							} else {
-								if (elem.requestFullscreen) {
-									elem.requestFullscreen();
-								} else if (elem.mozRequestFullScreen) { /* Firefox */
-									elem.mozRequestFullScreen();
-								} else if (elem.webkitRequestFullscreen) { /* Chrome, Safari and Opera */
-									elem.webkitRequestFullscreen();
-								} else if (elem.msRequestFullscreen) { /* IE/Edge */
-									elem.msRequestFullscreen();
-								}
-								memo.fullscreenEl.find( 'button' ).html( '<i class="fas fa-compress"></i>' );
 							}
-							//doResize();
+							// add dash to trendlines
-						 });
+							jQuery( document.getElementById(memo.id) ).find( 'path[stroke-width="2.33"]' ).each( function() {
+								jQuery( this ).attr('stroke-dasharray', '5, 5');
+							});
-						memo.downloadEl.on( 'click', function() {
+							// move current observations to top
+							gEl = jQuery( document.getElementById(memo.id) ).find( 'svg' ).append( 'g' );
+							jQuery( document.getElementById(memo.id) ).find( 'path[stroke="' + colors['curObses'] + '"]' ).detach().appendTo( gEl );
+							jQuery( document.getElementById(memo.id) ).find( 'circle[fill="' + colors['curObses'] + '"]' ).detach().appendTo( gEl );
+							jQuery( document.getElementById(memo.id) ).find( 'path[fill="' + colors['curObses'] + '"]' ).detach().appendTo( gEl );
+							// move selected observations to top
+							jQuery( document.getElementById(memo.id) ).find( 'path[stroke="' + colors['selObses'] + '"]' ).detach().appendTo( gEl );
+							jQuery( document.getElementById(memo.id) ).find( 'circle[fill="' + colors['selObses'] + '"]' ).detach().appendTo( gEl );
-							var header = '';
+						});
-							header += '\uFEFF'; // BOM
-							var csv = '';
-							//csv += '\r\nsep=,\r\n';
-							var headerCols = [];
-							var csvCols = [];
-							if ( i18n[memo.obscode].type == 'num' ) {
+					} else {
-								//headerCols.push( i18n[ 'Date' ][ memo.lang ] );
+						jQuery( jQuery( document.getElementById(memo.id) ) ).hide();
-								//headerCols.push( i18n[ 'Date' ][ memo.lang ] );
-								headerCols.push( '"' + i18n[memo.obscode].axisTitleV[memo.lang] + '"' );
-								headerCols.push( 'Lisätiedot' );
-								headerCols.push( 'Valokuva' );
-								headerCols.push( 'Havainnoijan status' );
-								header += headerCols.join( i18n['sep'][memo.lang] );
+					}
-								for ( var o in memo.obses ) {
+					doResize( memo );
-									csvCols = [];
+				}
-									csvCols.push( memo.obses[o].obsdatetime.getFullYear() + '-' +  ( memo.obses[o].obsdatetime.getMonth() + 1 ) + '-' + memo.obses[o].obsdatetime.getDate() );
+				var doResize = function( memo, force = false ) {
+					console.log( 'reize');
-									if ( memo.obses[o].obsdatetime.getUTCHours() == 0 && memo.obses[o].obsdatetime.getUTCMinutes() == 0 && memo.obses[o].obsdatetime.getUTCSeconds() == 0 ) {
+					function wait() {
-										csvCols.push( '' );
-									} else {
-										csvCols.push( ( "0" + memo.obses[o].obsdatetime.getUTCHours() ).slice(-2) + ':' + ( "0" + memo.obses[o].obsdatetime.getUTCMinutes() ).slice(-2) );
-									}
-									csvCols.push( '"' + memo.obses[o].value.toString().replace( '.', i18n['dec'][memo.lang] ) + '"' );
+						if ( typeof memo.chartEl != 'undefined' && typeof memo.options != 'undefined' ) {
-									csvCols.push( memo.obses[o].addInfo );
-									csvCols.push( '' );
-									csvCols.push( memo.obses[o].maintainer );
-									csv += '\r\n' + csvCols.join( i18n['sep'][memo.lang] );
+						var w = memo.chartEl.width();
+						var h = memo.chartEl.height();
-								}
+						if ( typeof memo.oldW == 'undefined' ) { memo.oldW = 1; }
+						if ( typeof memo.oldH == 'undefined' ) { memo.oldH = 1; }
+						if ( ( w != memo.oldW || h != memo.oldH ) && w*h != 0 || force ) {
-							} else 	if ( i18n[memo.obscode].type == 'date' ) {
+							memo.oldW = w; memo.oldH = h;
-								if ( i18n[memo.obscode].season == 'winter' ) {
-									header += i18n[ 'season' ][ i18n[memo.obscode].season ][ memo.lang ];
-								} else {
-									header += i18n[ 'year' ][ memo.lang ];
-								}
-								header += ';' + i18n[ 'Observation' ][ memo.lang ];
-								header += ';' + i18n[ 'Value' ][ memo.lang ];
-								header += ';' + i18n[ 'ValueUnit' ][ memo.lang ];
-								header += ';' + i18n[ 'Additionalinfo' ][ memo.lang ];
-								header += ';' + i18n[ 'Image' ][ memo.lang ];
-								header += ';' + i18n[ 'ObserverStatus' ][ memo.lang ];
-								for ( var s in memo.seriesA ) {
-									for ( var o in memo.seriesA[ s ].obses ) {
-										obs = memo.seriesA[ s ].obses[ o ];
-										csv += '\r\n';
-										csv += obs.season + '-' + (obs.season+1);
-										csv += ';' + i18n[ memo.seriesA[ s ].id ].title[ memo.lang ];
-										csv += ';' + obs.value;
-										csv += ';' + obs.valueUnit;
-										csv += ';' + obs.addInfo;
-										csv += ';';
-										csv += ';' + obs.maintainer;
-									}
-								}
-							} else 	if ( i18n[memo.obscode].type == 'cat' ) {
-								header += 'Päivämäärä';
-								header += ';' + 'Kellonaika';
-								header += ';' + i18n[memo.obscode].title[memo.lang];
-								header += ';' + i18n[memo.obscode].title[memo.lang];
-								header += ';' + utf8StringToUtf16String( 'Lisätiedot' );
-								header += ';' + 'Valokuva';
-								header += ';' + 'Havainnoijan status';
-								for ( var o in memo.obses ) {
-									csv += '\r\n';
-									csv += memo.obses[o].obsdatetime.toLocaleDateString(); //.toISOString();
-									if ( memo.obses[o].obsdatetime.getUTCHours() == 0 && memo.obses[o].obsdatetime.getUTCMinutes() == 0 && memo.obses[o].obsdatetime.getUTCSeconds() == 0 ) {
-										csv += ';';
-									} else {
-										csv += ';' + ( "0" + memo.obses[o].obsdatetime.getUTCHours() ).slice(-2) + ':' + ( "0" + memo.obses[o].obsdatetime.getUTCMinutes() ).slice(-2);
-									}
-									csv += ';' + memo.obses[o].value;
-									csv += ';' + i18n[memo.obscode].catNames[memo.obses[o].value][memo.lang];
-									csv += ';' + memo.obses[o].addInfo;
-									csv += ';';
-									csv += ';' + memo.obses[o].maintainer;
-								}
-							}
-							csv = header + csv;
-//console.log( csv );
-							var exportedFilename = memo.csvfile;
-							var blob = new Blob( [csv], { type: 'text/csv;charset=utf-16LE;' });
-							if (navigator.msSaveBlob) { // IE 10+
-								navigator.msSaveBlob(blob, exportedFilename);
-							} else {
-								var link = document.createElement("a");
-								if (link.download !== undefined) { // feature detection
-								     // Browsers that support HTML5 download attribute
-								     var url = URL.createObjectURL(blob);
-								     link.setAttribute("href", url);
-								     link.setAttribute("download", exportedFilename);
-								     link.style.visibility = 'hidden';
-								     document.body.appendChild(link);
-								     link.click();
-								     document.body.removeChild(link);
-								}
-							}
-						});
-						jQuery( window ).resize(function() {
-							setTimeout( doResize, 100 );
-						});
-						function doResize() {
 							memo.margins = { top: 10, right: 10, bottom: 80, left: 80 };
 							var w = memo.chartEl.width();
 							var h = memo.chartEl.height();
 							var l = Math.max( memo.margins.left, 0.1*w );
 							var r = Math.max( memo.margins.right, 0.02*w );
@@ Rivi 1 234: / Rivi 1 819: @@
 							var b = Math.max( memo.margins.bottom, 0.15*h );
-							if (!!document.fullscreenElement) {
+							memo.options.chartArea.top = t;
-								//memo.options.chartArea = { top: memo.margins.top*2, left: memo.margins.left*2, width: (memo.widgetEl.width() - memo.margins.left*2 - memo.margins.right - 24), height: (memo.widgetEl.height() - memo.margins.top*2 - memo.margins.bottom*2), backgroundColor: { fill: '#daf0fa', stroke: '#fff', strokeWidth: 6 }};
+							memo.options.chartArea.left = l;
-							} else {
+							memo.options.chartArea.width = (w - l - r);
-								//memo.options.chartArea = { top: memo.margins.top, left: memo.margins.left, width: (memo.widgetEl.width() - memo.margins.left - memo.margins.right), height: (memo.widgetEl.height() - memo.margins.top - memo.margins.bottom), backgroundColor: { fill: '#daf0fa', stroke: '#fff', strokeWidth: 6 }};
+							memo.options.chartArea.height = (h - t - b);
-							}
-							//memo.options.chartArea = { top: t, left: l, width: (w - l - r), height: (h - t - b), backgroundColor: { fill: '#daf0fa', stroke: '#fff', strokeWidth: 6 }};
+							for ( var o in memo.data.Wf ) {
-							memo.options.chartArea = { top: t, left: l, width: (w - l - r), height: (h - t - b), backgroundColor: { fill: '#fff', stroke: '#eee', strokeWidth: 4 }};
+								for ( var i in memo.data.Wf[ o ].c ) {
+									v = memo.data.Wf[ o ].c[ i ].v;
-							//console.log( memo.options );
+									if ( typeof v == 'string' ) {
+										if ( v.indexOf( 'point {' ) == 0 ) {
-							memo.chart.draw( memo.data, memo.options );
+											oldsize = parseInt( v.match( / size: .+;/g )[0].replace( ' size: ', '' ).replace( ';', '') );
+											oldstroke = parseFloat( v.match( / stroke-width: .+;/g )[0].replace( ' stroke-width: ', '' ).replace( ';', '') );
+											if ( v.indexOf( 'original-size:' ) == -1 ) {
+												v = v.replace( '{', '{ original-size: ' + oldsize.toString() + ';' );
+											}
+											if ( v.indexOf( 'original-stroke-size:' ) == -1 ) {
+												v = v.replace( '{', '{ original-stroke-size: ' + oldstroke.toString() + ';' );
+											}
+											orgsize = parseInt( v.match( /original-size: .+;/g )[0].replace( 'original-size: ', '' ).replace( ';', '') );
+											orgstroke = parseFloat( v.match( /original-stroke-size: .+;/g )[0].replace( 'original-stroke-size: ', '' ).replace( ';', '') );
+											newsize = Math.round( Math.sqrt( Math.sqrt( ( w / 500 ) ) ) * orgsize );
+											newstroke = Math.sqrt( ( w / 500 ) ) * orgstroke;
-							// hide every second vaxis gridline on cat charts
+											if ( w > 500 ) {
-							if ( i18n[memo.obscode]['type'] == 'cat') {
+												v = v.replace( ' size: ' + oldsize.toString(), ' size: ' + newsize.toString() );
-								var glc = 0;
+												v = v.replace( ' stroke-width: ' + oldstroke.toString(), ' stroke-width: ' + newstroke.toString() );
-								jQuery( document.getElementById(memo.id) ).find( 'rect[height="1"]' ).each( function() {
+												for ( var t in memo.options.trendlines ) {
-									if ( ( glc++ % 2 ) == 0 ) {
+													memo.options.trendlines[t].lineWidth = Math.sqrt( (w/500) ) * memo.options.trendlines[t].originalLineWidth;
-										jQuery( this ).attr( 'fill', 'none' );
+												}
+											} else {
+												v = v.replace( ' size: ' + oldsize.toString(), ' size: ' + orgsize.toString() );
+												v = v.replace( ' stroke-width: ' + oldstroke.toString(), ' stroke-width: ' + orgstroke.toString() );
+												for ( var t in memo.options.trendlines ) {
+													memo.options.trendlines[t].lineWidth = memo.options.trendlines[t].originalLineWidth;
+												}
+											}
+											memo.data.Wf[ o ].c[ i ].v = v;
+											break;
+										}
 									}
-								});
+								}
+								s1 = memo.data.Wf[ o ].c[ 2 ];
+								s2 = memo.data.Wf[ o ].c[ 6 ];
 							}
+							memo.chart.draw( memo.data, memo.options );
-							// add dash to trendlines
-							jQuery( document.getElementById(memo.id) ).find( 'path[stroke-width="2.33"]' ).each( function() {
-								jQuery( this ).attr('stroke-dasharray', '5, 5');
-							});
-							// move current observations to top
-							gEl = jQuery( document.getElementById(memo.id) ).find( 'svg' ).append( 'g' );
-							//jQuery( document.getElementById(memo.id) ).find( 'circle[stroke-width="3"]' ).detach().appendTo( gEl );
-							jQuery( document.getElementById(memo.id) ).find( 'path[stroke="#3366cc"]' ).detach().appendTo( gEl );
-							jQuery( document.getElementById(memo.id) ).find( 'circle[fill="#3366cc"]' ).detach().appendTo( gEl );
-							jQuery( document.getElementById(memo.id) ).find( 'circle[stroke-width="3"]' ).each( function() { jQuery( this ).parent().append( jQuery( this ) ); });
-							//jQuery( document.getElementById(memo.id) ).find( 'circle[fill="#3366cc"]' ).each( function() { jQuery( this ).parent().append( jQuery( this ) ); });
-							//jQuery( document.getElementById(memo.id) ).find( 'path[stroke="#3366cc"]' ).each( function() { jQuery( this ).parent().append( jQuery( this ) ); });
 						}
+						} else {
-					} else {
+							setTimeout( wait, 500 );
+						}
-						jQuery( jQuery( document.getElementById(memo.id) ) ).hide();
+					}
+					//wait();
+					if ( typeof memo.chartEl != 'undefined' ) {
+						setTimeout( wait, 100 );
 					}
-					doResize();
 				}
+				window.jwobschartresize = doResize;
 				function smooth( list, degree ) {
@@ Rivi 1 322: / Rivi 1 916: @@
 				  var week1 = new Date(date.getFullYear(), 0, 4);
 				  // Adjust to Thursday in week 1 and count number of weeks from date to week1.
-				  return 1 + Math.round(((date.getTime() - week1.getTime()) / 86400000
+				  return 1 + Math.round(((date.getTime() - week1.getTime()) / 86400000 - 3 + (week1.getDay() + 6) % 7) / 7);
-							- 3 + (week1.getDay() + 6) % 7) / 7);
 				}
+				function getDateOfISOWeek(w, y) {
+					var simple = new Date(y, 0, 1 + (w - 1) * 7);
+					var dow = simple.getDay();
+					var ISOweekStart = simple;
+					if (dow <= 4) {
+						ISOweekStart.setDate(simple.getDate() - simple.getDay() + 1);
+					} else {
+						ISOweekStart.setDate(simple.getDate() + 8 - simple.getDay());
+					}
+					return ISOweekStart;
+				}
 				var maintColors = { 'authority': '#bb1111', 'expert': '#ff9933', 'experienced': '#666666', 'user': '#aaaaaa'};
-				var seriesC = [ 'lightgray', '#3366cc', 'orange' ];
+				//var seriesC = [ '#e4e3de', '#006085', '#f3a44c' ];
+				//var colors = { 'text': '#005854', 'average': '#f3a44c', 'averageare': '#fed992', 'trend': '#ff4500', 'obses': '#cfe9ea', 'x': '#e4e3de', 'curObses': '#005854', 'selObses': 'gold', 'noticeObses': 'tan', 'summer': '#84c497', 'winter': '#006085', 'spring-autumn': '#fed992', 'allyear': '#005854' };
-				var colors = { 'average': 'BurlyWood', 'trend': '#ff4500', 'obses': 'lightgray', 'curObses': '#3366cc', 'selObses': 'gold', 'noticeObses': 'tan'  };
+				var colors = { 'text': '#005854', 'gridlines': '#e4e3de', 'average': '#f3a44c', 'averageare': '#cfe9ea', 'trend': '#ff4500', 'obses': '#cfe9ea', 'curObses': '#006085', 'selObses': '#f28e77', 'noticeObses': '#64c1cb', 'summer': '#f3a44c', 'winter': '#64c1cb', 'spring-autumn': '#ccccca', 'allyear': '#64c1cb' };
 				var i18n = {
+					'surface': { 'fi': 'pinta', 'en': 'surface', 'sv': 'ytan' },
+					'bottom': { 'fi': 'pohja', 'en': 'bottom', 'sv': 'bottnet' },
+					'siteinfostring': { 'fi': 'Havaintopaikka', 'en': 'Observation site', 'sv': 'Observationsplatsen' },
+					'depthinfostring': { 'fi': 'Havainnot syvyydeltä', 'en': 'Depth of observations', 'sv': 'Djup för observationer' },
 					'download': { 'fi': 'Lataa csv-muodossa', 'en': 'Download in csv format', 'sv': 'Ladda ner i csv-format' },
 					'fullscreen': { 'fi': 'Ota käyttöön/poista kokoruututila', 'en': 'Toggle fullscreen mode', 'sv': 'Växla helskärmsläge' },
+					'sitelink': { 'fi': 'Mene havaintopaikan sivulle', 'en': "Go to the observation site's page", 'sv': 'Gå till observationsplatsen.' },
 					'edit': { 'fi': 'Lisää/muokkaa havaintoja', 'en': 'Add/edit observations', 'sv': 'Lägg till/redigera observationer' },
 					'season': { 'winter': { 'fi': 'Talvi', 'en': 'Winter', 'sv': 'Vintern' } },
@@ Rivi 1 344: / Rivi 1 954: @@
 						'season': 'summer',
 						'trend': { 'type': 'gaussian', 'layout': 'line' },
-						'title': { 'fi': 'Sinilevätilanne', 'en': 'XX', 'sv': 'Xxx', 'ru': '???' },
+						'title': { 'fi': 'Sinilevätilanne', 'en': 'Cyanobacteria situation', 'sv': 'Cyanobakterieläget', 'ru': '???' },
 						'catNames': { 0: { 'fi': 'Ei levää', 'en': 'No algae', 'sv': 'Inga alger' }, 1: { 'fi': 'Hieman levää', 'en': 'Some algae', 'sv': 'Lite med alger' }, 2: { 'fi': 'Runsaasti levää', 'en': 'Abundant with algae', 'sv': 'Rikligt med alger' }, 3: { 'fi': 'Erittäin runsaasti levää', 'en': 'Very abundant with algae', 'sv': 'Ytterst rikligt med alger' } },
 						'catNamesShort': { 0: { 'fi': 'Ei levää', 'en': 'No algae', 'sv': 'Inga alger' }, 1: { 'fi': 'Hieman', 'en': 'Some', 'sv': 'Lite' }, 2: { 'fi': 'Runsaasti', 'en': 'Abundant', 'sv': 'Rikligt' }, 3: { 'fi': 'Erit. runsaasti', 'en': 'Very abundant', 'sv': 'Ytterst rikligt' } },
@@ Rivi 1 350: / Rivi 1 960: @@
 						'axisTitleV': { 'fi': '', 'en': '', 'sv': '', 'ru': '' }
 					},
+					'elodea': {
+						'type': 'cat',
+						'min': -0.5,
+						'season': 'summer',
+						'trend': { 'type': 'gaussian', 'layout': 'line' },
+						'title': { 'fi': 'Vesirutto', 'en': 'Elodea canadensis', 'sv': 'Vattenpest' },
+						'catNames': {
+: { 'fi': 'Ei vesiruttoa', 'en': 'No E. canadensis', 'sv': 'Ingen vattenpest' },
+: { 'fi': 'Hieman vesiruttoa', 'en': 'Some E. canadensis', 'sv': 'Lite med vattenpest' },
+: { 'fi': 'Runsaasti vesiruttoa', 'en': 'Abundant with E. canadensis', 'sv': 'Rikligt med vattenpest' },
+: { 'fi': 'Erittäin runsaasti vesiruttoa', 'en': 'Very abundant with E. canadensis', 'sv': 'Ytterst rikligt med vattenpest' }
+						},
+						'catNamesShort': {
+: { 'fi': 'Ei yhtään', 'en': 'None', 'sv': 'Ingen' },
+: { 'fi': 'Hieman', 'en': 'Some', 'sv': 'Lite' },
+: { 'fi': 'Runsaasti', 'en': 'Abundant', 'sv': 'Rikligt' },
+: { 'fi': 'Erit. runsaasti', 'en': 'Very abundant', 'sv': 'Ytterst rikligt' }
+						},
+						'unit': '',
+						'axisTitleV': { 'fi': '', 'en': '', 'sv': '', 'ru': '' }
+					},
+					'jelly': {
+						'type': 'cat',
+						'min': -0.5,
+						'season': 'summer',
+						'trend': { 'type': 'gaussian', 'layout': 'line' },
+						'title': { 'fi': 'Meduusat', 'en': 'Jelly fish', 'sv': 'Maneter' },
+						'catNames': {
+: { 'fi': 'Ei meduusoja', 'en': 'No jelly fish', 'sv': 'Inga maneter' },
+: { 'fi': 'Vähän meduusoja', 'en': 'Some jelly fish', 'sv': 'Lite med maneter' },
+: { 'fi': 'Runsaasti meduusoja', 'en': 'Abundant with jelly fish', 'sv': 'Rikligt med maneter' }
+						},
+						'catNamesShort': {
+: { 'fi': 'Ei yhtään', 'en': 'None', 'sv': 'Inga' },
+: { 'fi': 'Vähän', 'en': 'Some', 'sv': 'Lite' },
+: { 'fi': 'Runsaasti', 'en': 'Abundant', 'sv': 'Rikligt' }
+						},
+						'unit': '',
+						'axisTitleV': { 'fi': '', 'en': '', 'sv': '', 'ru': '' }
+					},
+					'trash': {
+						'type': 'cat',
+						'min': -0.5,
+						'season': 'summer',
+						'trend': { 'type': 'gaussian', 'layout': 'line' },
+						'title': { 'fi': 'Roskaisuus', 'en': 'Litter', 'sv': 'Rosk' },
+						'catNames': {
+: { 'fi': 'Ei roskia', 'en': 'No litter', 'sv': 'Ingen rosk' },
+: { 'fi': 'Vähän roskia', 'en': 'Some litter', 'sv': 'Lite med rosk' },
+: { 'fi': 'Paljon roskia', 'en': 'Abundant with litter', 'sv': 'Rikligt med rosk' },
+: { 'fi': 'Erittäin paljon roskia', 'en': 'Very abundant with litter', 'sv': 'Ytterst rikligt med rosk' },
+						},
+						'catNamesShort': {
+: { 'fi': 'Ei yhtään', 'en': 'None', 'sv': 'Inga' },
+: { 'fi': 'Vähän', 'en': 'Some', 'sv': 'Lite' },
+: { 'fi': 'Paljon', 'en': 'Abundant', 'sv': 'Rikligt' },
+: { 'fi': 'Erit. paljon', 'en': 'Very abundant', 'sv': 'Ytterst rikligt' },
+						},
+						'unit': '',
+						'axisTitleV': { 'fi': '', 'en': '', 'sv': '', 'ru': '' }
+					},
 					'temp': {
 						'type': 'num',
 						'season': 'summer',
 						'trend': { 'type': 'gaussian', 'layout': 'line' },
-						'title': { 'fi': 'Pintaveden lämpötila', 'en': 'Surface water termperature', 'sv': 'Ytvattentemperatur', 'ru': '???' },
+						'title': { 'fi': 'Pintaveden lämpötila', 'en': 'Surface water temperature', 'sv': 'Ytvattentemperatur', 'ru': '???' },
 						'unit': '°C',
 						'axisTitleV': { 'fi': 'Lämpötila, °C', 'en': 'Temperature, °C', 'sv': 'Temperatur, °C', 'ru': '°C' }
@@ Rivi 1 363: / Rivi 2 034: @@
 						'season': 'winter',
 						'min': 0,
-						'direction': -1,
+						//'direction': -1,
 						'trend': { 'type': 'gaussian', 'layout': 'line' },
 						'title': { 'fi': 'Jään paksuus', 'en': 'Ice thickness', 'sv': 'Isens tjocklek', 'ru': '???' },
@@ Rivi 1 372: / Rivi 2 043: @@
 						'catName': 'Jäätilanne',
 					},
-					'ice_cat_2': { 'title': { 'fi': 'Jäätyminen', 'en': 'Freeze-up', 'sv': 'Förfrysning', 'ru': '???' }, 'title2': { 'fi': 'Pysyvä jääpeite', 'en': 'Permanent ice cover', 'sv': 'Permanent istäcke', 'ru': '???' }, color: '#d5da26' },
+					'ice_cat_2': { 'title': { 'fi': 'Jäätyminen', 'en': 'Freeze-up', 'sv': 'Förfrysning', 'ru': '???' }, 'title2': { 'fi': 'Pysyvä jääpeite', 'en': 'Permanent ice cover', 'sv': 'Permanent istäcke', 'ru': '???' }, color: colors[ 'winter' ] },
-					'ice_cat_5': { 'title': { 'fi': 'Jäänlähtö', 'en': 'Ice break-up', 'sv': 'Islossning', 'ru': '???' }, 'title2': { 'fi': 'Jäätön kausi alkoi', 'en': 'Beginning of ice-free season', 'sv': 'Början av den isfria säsongen', 'ru': '???' }, color: '#0076b0' },
+					'ice_cat_5': { 'title': { 'fi': 'Jäänlähtö', 'en': 'Ice break-up', 'sv': 'Islossning', 'ru': '???' }, 'title2': { 'fi': 'Jäätön kausi alkoi', 'en': 'Beginning of ice-free season', 'sv': 'Början av den isfria säsongen', 'ru': '???' }, color: '#006085' },
 					'ice_cat_2,5': {
 						'type': 'date',
 						'season': 'winter',
+						'direction': -1,
 						'trend': { 'type': 'regression', 'layout': 'line' },
 						'title': { 'fi': 'Jääpeitekauden kesto', 'en': 'Duration of ice cover', 'sv': 'Längden på istäckesperioden', 'ru': '' },
-						//'charttitle': { 'fi': 'Jääpeite', 'en': 'Ice cover', 'sv': 'Frysning och islossning', 'ru': '' },
 						'color': '#c1e7f7',
 						'unit': { 'fi': 'päivää', 'en': 'days', 'sv': 'dagar', 'ru': '' },
 						'axisTitleV': { 'fi': '', 'en': '', 'sv': '', 'ru': '' },
-						'changes': {
+						'xchanges': {
-							'fi': 'Jääpeitekauden pituudesta kertova kuvio on muuttunut. Aiemmat jäänlähdöstä ja jäättömän kauden alusta kertoneet erilliset graafit on yhdistetty samaan kuvaan. Jos samalta talvelta on tehty havainnot sekä pysyvän jäätilanteen että jäättömän kauden alkamisesta, piirtyy kuvioon myös jääpeitekauden pituus.',
+							'fi': '',
-							'en': 'The graph showing the length of the ice cover period has changed. Separate graphs of previous freezing and icing have now been combined into the same figure. If there are observations from the same winter about the beginning of both the permanent ice situation and the ice-free season, the length of the ice cover period is also drawn in the figure.',
+							'en': '',
-							'sv': 'Grafen som visar längden på istäckeperioden har ändrats. Separata grafer över tidigare frysning och isbildning har nu kombinerats till samma figur. Om det finns iakttagelser från samma vinter om början av både den permanenta issituationen och den isfria säsongen, ritas även istäckesperiodens längd i figuren.',
+							'sv': '',
 							'ru': ''
 						},
 					},
+					'snow': {
+						'catName': 'Lumitilanne',
+						'type': 'num',
+						'season': 'winter',
+						'min': 0,
+						'trend': { 'type': 'gaussian', 'layout': 'line' },
+						'title': { 'fi': 'Lumipeite', 'en': 'Snow cover', 'sv': 'Snötöcket', 'ru': '???' },
+						'unit': 'cm',
+						'axisTitleV': { 'fi': 'Lumipeitteen paksuus, cm', 'en': 'Snow cover, cm', 'sv': 'Snötäcket, cm', 'ru': 'm' }
+					},
 					'snow_load': {
 						'catName': 'Lumikuorma',
@@ Rivi 1 395: / Rivi 2 076: @@
 						'season': 'winter',
 						'min': 0,
-						'trend': { 'type': 'moving', 'layout': 'area' },
+						'trend': { 'type': 'gaussian', 'layout': 'line' },
 						'title': { 'fi': 'Lumikuorma', 'en': 'Snow load', 'sv': 'Snöbelastning', 'ru': '???' },
 						'unit': 'kg/m²',
 						'axisTitleV': { 'fi': 'Lumikuorma, kg/m²', 'en': 'Snow load, kg/m²', 'sv': 'Snöbelastning, kg/m²', 'ru': 'm' }
 					},
+					'pH': {
+						'type': 'num',
+						'season': 'summer',
+						//'min': 0,
+						'direction': 1,
+						'trend': { 'type': 'gaussian', 'layout': 'line' },
+						'title': { 'fi': 'Happamuus, pH', 'en': 'Acidity, pH', 'sv': 'Surhet, pH', 'ru': '???' },
+						'unit': '',
+						'axisTitleV': { 'fi': 'Happamuus, pH', 'en': 'Acidity, pH', 'sv': 'Surhet, pH', 'ru': 'm' }
+					},
+					'cond': {
+						'type': 'num',
+						'season': 'summer',
+						'min': 0,
+						'direction': 1,
+						'trend': { 'type': 'gaussian', 'layout': 'line' },
+						'title': { 'fi': 'Sähkönjohtavuus', 'en': 'Conductivity', 'sv': 'Konduktivitet', 'ru': '???' },
+						'unit': 'mS/m',
+						'axisTitleV': { 'fi': 'Sähkönjohtavuus, mS/m', 'en': 'Conductivity, mS/m', 'sv': 'Konduktivitet, mS/m', 'ru': 'm' }
+					},
+					'ptot': {
+						'type': 'num',
+						'season': 'summer',
+						'min': 0,
+						'direction': 1,
+						'trend': { 'type': 'gaussian', 'layout': 'line' },
+						'title': { 'fi': 'Kokonaisfosfori', 'en': 'Total phosphorus', 'sv': 'Totalfosfor', 'ru': '???' },
+						'unit': 'µg/l',
+						'axisTitleV': { 'fi': 'Pitoisuus, µg/l', 'en': 'Concentration, µg/l', 'sv': 'Koncentration, µg/l', 'ru': 'm' },
+						'depths': true
+					},
+					'ntot': {
+						'type': 'num',
+						'season': 'summer',
+						'min': 0,
+						'direction': 1,
+						'trend': { 'type': 'gaussian', 'layout': 'line' },
+						'title': { 'fi': 'Kokonaistyppi', 'en': 'Total nitrogen', 'sv': 'Totalkväve', 'ru': '???' },
+						'unit': 'µg/l',
+						'axisTitleV': { 'fi': 'Pitoisuus, µg/l', 'en': 'Concentration, µg/l', 'sv': 'Koncentration, µg/l', 'ru': 'm' }
+					},
+					'o2': {
+						'type': 'num',
+						'season': 'summer',
+						'min': 0,
+						'direction': 1,
+						'trend': { 'type': 'gaussian', 'layout': 'line' },
+						'title': { 'fi': 'Happipitoisuus', 'en': 'Dissolved oxygen', 'sv': 'Syrehalt', 'ru': '???' },
+						'unit': 'mg/l',
+						'axisTitleV': { 'fi': 'Pitoisuus, mg/l', 'en': 'Concentration, mg/l', 'sv': 'Koncentration, mg/l', 'ru': 'm' }
+					},
+					'o2s': {
+						'type': 'num',
+						'season': 'summer',
+						'min': 0,
+						'max': 110,
+						'direction': 1,
+						'trend': { 'type': 'gaussian', 'layout': 'line' },
+						'title': { 'fi': 'Hapen kyllästysaste', 'en': 'Oxygen saturation', 'sv': 'Syremättnad' },
+						'unit': '%',
+						'axisTitleV': { 'fi': 'Kyllästys-%', 'en': 'Oxygen saturation, %', 'sv': 'Syremättnad, %' }
+					},
+					'chla': {
+						'type': 'num',
+						'season': 'summer',
+						'min': 0,
+						'direction': 1,
+						'trend': { 'type': 'gaussian', 'layout': 'line' },
+						'title': { 'fi': 'A-klorofylli', 'en': 'Chlorophyll a', 'sv': 'Klorofyll a', 'ru': '???' },
+						'unit': 'µg/l',
+						'axisTitleV': { 'fi': 'pitoisuus, µg/l', 'en': 'Concentration, µg/l', 'sv': 'Konsentration, µg/l' }
+					},
 					'secchi': {
 						'type': 'num',
 						'season': 'summer',
 						'min': 0,
-						'direction': -1,
+						'direction': 1,
 						'trend': { 'type': 'gaussian', 'layout': 'line' },
-						//'trend': { 'type': 'regression', 'layout': 'line' },
 						'title': { 'fi': 'Näkösyvyys', 'en': 'Water transparency', 'sv': 'Siktdjupet', 'ru': '???' },
 						'unit': 'm',
 						'axisTitleV': { 'fi': 'Näkösyvyys, m', 'en': 'Secchi depth, m', 'sv': 'Siktdjupet, m', 'ru': 'm' }
 					},
+					'turb': {
+						'type': 'num',
+						'season': 'summer',
+						'min': 0,
+						'direction': 1,
+						'trend': { 'type': 'gaussian', 'layout': 'line' },
+						'title': { 'fi': 'Sameus', 'en': 'Turbidity', 'sv': 'Grumlighet', 'ru': '???' },
+						'unit': 'FTU/FNU/NTU',
+						'axisTitleV': { 'fi': 'Sameus, FTU/FNU/NTU', 'en': 'Turbidity, FTU/FNU/NTU', 'sv': 'Grumlighet, FTU/FNU/NTU', 'ru': 'm' }
+					},
 					'level': {
+						'title': { 'fi': 'Vedenkorkeus', 'en': 'Water level', 'sv': 'Vattenståndpunkt', 'ru': '???' },
+						'title2': { 'fi': 'Vedenkorkeus', 'en': '???', 'sv': '???', 'ru': '???' },
 						'type': 'num',
 						'season': 'summer',
 						'trend': { 'type': 'gaussian', 'layout': 'line' },
-						'title': { 'fi': 'Vedenkorkeus', 'en': 'Water level', 'sv': 'Vattenståndpunkt', 'ru': '???' },
+						'unit': 'm',
-						'unit': 'cm',
+						'axisTitleV': { 'fi': 'Vedenpinnan korkeus, m', 'en': 'Water level, m', 'sv': 'Vattennivå, m', 'ru': 'm' }
-						'axisTitleV': { 'fi': 'Vedenkorkeus, cm', 'en': 'Water level, cm', 'sv': 'Vattenståndpunkt, cm', 'ru': 'cm' }
+					},
+					'avglevelsy': {
+						'title': { 'fi': 'Keskivedenkorkeus', 'en': '', 'sv': '', 'ru': '???' },
+						'title2': { 'fi': 'Vedenkorkeus', 'en': '???', 'sv': '???', 'ru': '???' },
+						'type': 'num',
+						'season': 'summer',
+						'trend': { 'type': 'gaussian', 'layout': 'line' },
+						'unit': 'm',
+						'axisTitleV': { 'fi': 'Vuosikeskiarvo, m', 'en': 'Water level, m', 'sv': 'Vattennivå, m', 'ru': 'm' }
+					},
+					'avglevelsw': {
+						'title': { 'fi': 'Keskivedenkorkeus', 'en': '', 'sv': '', 'ru': '???' },
+						'title2': { 'fi': 'Vedenkorkeus', 'en': '???', 'sv': '???', 'ru': '???' },
+						'type': 'num',
+						'season': 'summer',
+						'trend': { 'type': 'gaussian', 'layout': 'line' },
+						'unit': 'm',
+						'axisTitleV': { 'fi': 'Vuosikeskiarvo, m', 'en': 'Water level, m', 'sv': 'Vattennivå, m', 'ru': 'm' }
+					},
+					'ski': {
+						'title': { 'fi': 'Hiihto', 'en': 'Skiing', 'sv': '', 'ru': '???' },
+						'title2': { 'fi': 'Hiihtolatu', 'en': '???', 'sv': '???', 'ru': '???' },
+						'type': 'cat',
+						'season': 'winter',
+						'trend': { 'type': 'gaussian', 'layout': 'line' },
+						'unit': '',
+						'axisTitleV': { 'fi': 'Korkeus merenpinnasta, m', 'en': 'Above sea level, m', 'sv': 'Över havsytan, m', 'ru': 'cm' }
 					},
 					'Observation': { 'fi': 'Havainto', 'en': 'Observation', 'sv': 'Observation', 'ru': '???' },
@@ Rivi 1 470: / Rivi 2 260: @@
 							'long': { 'fi': 'Elokuu', 'en': 'August', 'sv': 'Augusti', 'ru': '???' },
 							'short': { 'fi': 'Elo', 'en': 'Aug', 'sv': 'Aug', 'ru': '???' },
-							'roman': 'VII'
+							'roman': 'VIII'
 						},
 : {

Widget:JwObsCharts

Nykyinen versio 25. marraskuuta 2025 kello 12.07