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

Järvi-meriwikistä
Loikkaa:valikkoon, hakuun
 
(564 välissä olevaa versiota samalta käyttäjältä ei näytetä)
Rivi 1: Rivi 1:
−
<includeonly>
+
<includeonly>
−
<script type="text/javascript">
 
−
(function() {
 
  
−
// globals
+
<script type="text/javascript">
−
var today = new Date();
+
 +
(function() {
  
−
function <!--{$id|default:TheGraph|escape:'html'}-->_jQueryTest() {
+
// globals
−
if ( typeof window.jQuery == 'undefined' ) {
+
var today = new Date();
−
setTimeout( function(){ <!--{$id|default:TheGraph|escape:'html'}-->_jQueryTest() }, 300);
+
 
−
} else {
+
function <!--{$id|default:TheGraph|escape:'html'}-->_jQueryTest() {
−
<!--{$id|default:TheGraph|escape:'html'}-->_func();
+
if ( typeof window.jQuery == 'undefined' ) {
−
}
+
setTimeout( function(){ <!--{$id|default:TheGraph|escape:'html'}-->_jQueryTest() }, 300);
 +
} else {
 +
<!--{$id|default:TheGraph|escape:'html'}-->_func();
 
}
 
}
−
setTimeout( function(){ <!--{$id|default:TheGraph|escape:'html'}-->_jQueryTest() }, 300);
+
}
 +
setTimeout( <!--{$id|default:TheGraph|escape:'html'}-->_jQueryTest, 300);
 +
 
 +
function <!--{$id|default:TheGraph|escape:'html'}-->_func() {
 +
 
 +
if ( typeof window.jwobschart == 'undefined' ) {
 +
 +
window.jwobschart = {};
  
−
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 = jQuery( "<link>", { rel: "stylesheet", type: "text/css", href: "//www.jarviwiki.fi/embed/css/obschart.css?ver=1" });  
 
css_link.appendTo('head');
 
css_link.appendTo('head');
 
jQuery.getScript( "//cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js", function() {
 
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.jarviwiki.fi/citobsjs/jwapi.js", function() {
−
jQuery.getScript( '//www.gstatic.com/charts/loader.js', function() {
+
jQuery.getScript( '//www.gstatic.com/charts/loader.js', function() {
−
google.charts.load( 'current', { 'packages':[ 'corechart' ] } );
+
google.charts.load( 'current', { 'packages':[ 'corechart' ], 'language': 'fi' } );
−
google.charts.setOnLoadCallback( loadObservations );
+
google.charts.setOnLoadCallback( allReady );
 
});
 
});
 
});
 
});
 
});
 
});
 
}
 
}
 +
}
  
−
function loadObservations() {
+
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() {
 +
 +
var hc = 0;
  
−
jQuery( '.jwChartWidget' ).each( function() {
+
jQuery( '.jwChartWidget' ).each( function() {
  
−
var memo = {};
+
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 = { "distF": 0 }; window.jwobschart[id].memo = memo;
 
memo.widgetEl = jQuery( this );
 
memo.widgetEl = jQuery( this );
−
memo.lang = memo.widgetEl.attr( 'data-lang' ); if (typeof memo.lang == 'undefined') { memo.lang = 'fi'; }
+
 
 +
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.height = memo.widgetEl.attr( 'data-height' ); if (typeof memo.height == 'undefined') { memo.height = 450; }
  
−
memo.siteid = jQuery( this ).attr( 'data-jw-siteid' );
+
memo.siteid = jQuery( this ).attr( 'data-jw-siteid' ); if ( typeof memo.siteid == 'undefined' ) { memo.siteid = '-'; }
−
memo.obscode = jQuery( this ).attr( 'data-jw-obscode' );
+
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 = '-'; }
 +
if ( typeof i18n[ memo.obscode ] == 'undefined' ) { i18n[ memo.obscode ] = i18n.obs; }
 +
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.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.axistitlev = jQuery( this ).attr( 'data-axistitlev' ); if ( typeof memo.axistitlev == 'undefined' ) { memo.axistitlev = i18n[ memo.obscode ][ 'axisTitleV' ][ memo.lang ]; }
 +
memo.tooltiptitle = jQuery( this ).attr( 'data-tooltiptitle' ); if ( typeof memo.tooltiptitle == 'undefined' ) { memo.tooltiptitle = i18n[ memo.obscode ][ 'title' ][ memo.lang ]; }
 +
memo.info = jQuery( this ).attr( 'data-info' ); if ( typeof memo.info == 'undefined' ) { memo.info = jQuery( this ).attr( 'data-info' ); }
 +
 +
if ( typeof jQuery( this ).attr( 'data-min' ) != 'undefined' ) { i18n[memo.obscode]['min'] = parseInt( jQuery( this ).attr( 'data-min' ) ); }
 +
if ( typeof jQuery( this ).attr( 'data-unit' ) != 'undefined' ) { i18n[memo.obscode]['unit'] = parseInt( jQuery( this ).attr( 'data-unit' ) ); }
 +
 +
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.service = jQuery( this ).attr( 'data-coo311-service_code' );
−
memo.graphType = jQuery( this ).attr( 'data-graph-type' );
+
memo.graphType = jQuery( this ).attr( 'data-graph-type' );
 
memo.editUrl = jQuery( this ).attr( 'data-edit-url' ); if (typeof memo.editUrl == 'undefined') { memo.editUrl = '-'; }
 
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'; }
 
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; }
 
if ( typeof jQuery( this ).attr( 'data-maintainer' ) == 'undefined' ) { memo.maintainerShow = false; }
Rivi 49: Rivi 110:
  
 
memo.widgetEl.css( 'position', 'relative' );
 
memo.widgetEl.css( 'position', 'relative' );
 +
memo.widgetEl.css( 'margin-bottom', '0.5em' );
  
 
// add loader animation
 
// add loader animation
−
//memo.widgetEl.append( '<div style="display: none;" class="jwloading"></div>' );
+
memo.widgetEl.append( '<div style="display: none;" class="jwloading"></div>' );
−
//memo.loaderEl = jQuery( this ).find( '.jwloading' );
+
memo.loaderEl = jQuery( this ).find( '.jwloading' );
−
//memo.loaderEl.fadeIn( "slow" );
+
memo.loaderEl.fadeIn( "slow" );
 +
 
 +
if ( memo.graphType != 'current' ) {
 +
 
 +
// add chart container
 +
memo.widgetEl.append( '<div class="card JwCard mb-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>' );
 +
memo.chartEl = jQuery( this ).find( '.chart-container' );
 +
memo.chartEl.css( 'height', memo.height + 'px' );
 +
memo.headerEl = jQuery( this ).find( '.card-header' );
 +
 
 +
// add title
 +
memo.headerEl.append( '<div class="obscharttitle" style="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' );
 +
 
 +
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; 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>' );
 +
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; 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.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[ 'Date' ][ memo.lang ] );
 +
headerCols.push( i18n[ 'Time' ][ memo.lang ] );
 +
headerCols.push( '"' + memo.axistitlev + '"' );
 +
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.replace( '<p>', '' ).replace( '</p>', '' ) );
 +
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 ) {
 +
 
 +
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;
 +
 
 +
}
 +
 
 +
}
  
−
// add chart container
+
csv = header + csv;
−
//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>' );
 
−
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>' );
 
−
//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
+
var exportedFilename = memo.csvfile;
−
memo.headerEl.append( '<div class="obscharttitle" style="Xdisplay: none; float: left;"></div>' );
 
−
memo.titleEl = jQuery( this ).find( '.obscharttitle' );
 
  
−
// add fullscreen button
+
var blob = new Blob( [csv], { type: 'text/csv;charset=utf-16LE;' });
−
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>' );
+
if (navigator.msSaveBlob) { // IE 10+
−
memo.fullscreenEl = jQuery( this ).find( '.fullscreen-button' );
+
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 edit button
 
−
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>' );
 
−
memo.editEl = jQuery( this ).find( '.edit-button' );
 
 
}
 
}
  
−
// add download data button
 
−
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.loadStarts = 0;
 
memo.obses = {};
 
memo.obses = {};
Rivi 90: Rivi 331:
 
memo.showTrend = ( jQuery( this ).attr( 'data-show-trend' ) != 'false' );
 
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.trendType = jQuery( this ).attr( 'data-trend-type' ); if (typeof memo.trendType == 'undefined') { memo.trendType = i18n[memo.obscode]['trend']['type']; }
−
 
−
//memo.titleEl.html( i18n[ memo.obscode ].title[ memo.lang ] );
 
−
 
 
−
//getJWobses(memo);
 
−
//getCOO311obses(memo);
 
  
 
memo.jw = new jwApi();
 
memo.jw = new jwApi();
−
 
+
memo.jwR = new jwApi();
−
var custom = '';
+
 +
var custom = '';
 
if ( typeof memo.obscodeParts[1] != 'undefined' ) {
 
if ( typeof memo.obscodeParts[1] != 'undefined' ) {
 
if ( typeof memo.obscodeParts[2] != 'undefined' ) {
 
if ( typeof memo.obscodeParts[2] != 'undefined' ) {
Rivi 107: Rivi 344:
 
}
 
}
 
}
 
}
 +
 +
if ( memo.siteid != '-' ) {
 +
so = { 'obscode': memo.obscodeParts[0], 'siteid': memo.siteid, 'startdate': memo.startDate, 'custom': custom };
 +
} else {
 +
so = { 'obscode': memo.obscodeParts[0], 'waterbody': memo.waterbody, 'startdate': memo.startDate, 'custom': custom };
 +
}
 +
 +
// if testsite
 +
if ( memo.siteid == 170072 ) { so.test = true; }
  
−
memo.jw.loadObses( { 'obscode': memo.obscodeParts[0], 'siteid': memo.siteid, 'custom': custom }, function( o ) {
+
memo.jw.loadObses( so, function( o ) {
−
memo.obses = memo.jw.obs;
+
memo.obses = memo.jw.obs;
−
drawVisualization(memo);
+
if ( memo.refcode != '-' ) {
 +
memo.jwR.loadObses( { "obscode": memo.refcode, "siteid": memo.siteid, "sort": "SiteID", "custom": memo.reffilter }, function( r ) {
 +
memo.refs = memo.jwR.obs;
 +
drawVisualization(memo);
 +
});
 +
} else {
 +
drawVisualization(memo);
 +
}
 
});
 
});
 +
} else {
 +
if ( typeof window.jwobschart[id] == 'undefined' ) {
 +
hc++;
 +
}
 +
}
 +
});
  
−
//https://www.jarviwiki.fi/wiki/Toiminnot:Lomakemuokkaus/ObsICE/V%C3%A4lij%C3%A4rvi_(74.021.1.051)/Luikonsaari
+
if ( hc > 0 ) {
 +
setTimeout( loadObservations, 1000 );
 +
}
 +
 +
}
  
−
});
+
function drawVisualization( memo ) {
−
}
+
 +
if ( typeof i18n[memo.obscode].valfield == 'undefined' ) { i18n[memo.obscode].valfield = 'val'; }
 +
if ( typeof i18n[ memo.obscode ].direction != 'undefined' ) { memo.vaxisdir = i18n[ memo.obscode ].direction; } else { memo.vaxisdir = 1; }
  
−
function drawVisualization( memo ) {
+
memo.options = {    
 +
backgroundColor: 'transparent',
 +
chartArea: { backgroundColor: { fill: '#ffffff', 'd': '#daf0fa', stroke: '#ccc', strokeWidth: 6 }},
 +
legend: { position: 'bottom' },
 +
crosshair: { trigger: 'both' },
 +
tooltip: { isHtml: true },
 +
seriesType: 'scatter',
 +
interpolateNulls: true,
 +
vAxis: {
 +
title: memo.axistitlev,
 +
titleTextStyle: { bold: true, italic: false },
 +
slantedText: false,
 +
maxAlternation: 1,
 +
direction: memo.vaxisdir,
 +
gridlines: { color: '#eee', count: -1 },
 +
minorGridlines: { count: 0 },
 +
viewWindow: { }
 +
},
 +
hAxis: {
 +
title: '',
 +
slantedText: false,
 +
maxAlternation: 1,
 +
gridlines: { color: '#eee' },
 +
minorGridlines: { count: 0 },
 +
viewWindow: { }
 +
},
 +
series: [ ],
 +
trendlines: [ ],
 +
intervals: {
 +
'style': 'area'
 +
},
 +
annotations: {
 +
textStyle: {
 +
fontName: 'Open sans',
 +
fontSize: 15,
 +
bold: true,
 +
Xitalic: false,
 +
color: '#3366cc',
 +
auraColor: 'transparent',
 +
Xopacity: 0.8
 +
}
 +
}
 +
};
  
−
if ( typeof i18n[ memo.obscode ].direction != 'undefined' ) { memo.vaxisdir = i18n[ memo.obscode ].direction; } else { memo.vaxisdir = 1; }
+
memo.obsesTotal = 0;
  
−
// defaults for all charts
+
memo.obsMinValue = Infinity;
−
memo.options = {     
+
memo.obsMaxValue = -Infinity;
−
backgroundColor: 'transparent',
+
memo.obsMinDateMs = Infinity;
−
chartArea: { backgroundColor: { fill: '#ffffff', 'd': '#daf0fa', stroke: '#ccc', strokeWidth: 6 }},
+
memo.obsMaxDateMs = -Infinity;
−
legend: { position: 'bottom' },
+
memo.obsMinCompDateMs = Infinity;
−
crosshair: { trigger: 'both' },
+
memo.obsMaxCompDateMs = -Infinity;
−
tooltip: { isHtml: true },
 
−
seriesType: 'scatter',
 
−
interpolateNulls: true,
 
−
vAxis: {
 
−
title: i18n[memo.obscode]['axisTitleV'][memo.lang],
 
−
titleTextStyle: { bold: true },
 
−
slantedText: false,
 
−
maxAlternation: 1,
 
−
direction: memo.vaxisdir,
 
−
gridlines: { color: '#eee', count: -1 },
 
−
minorGridlines: { count: 0 },
 
−
viewWindow: { }
 
−
},
 
−
hAxis: {
 
−
title: '',
 
−
slantedText: false,
 
−
maxAlternation: 1,
 
−
gridlines: { color: '#eee' },
 
−
minorGridlines: { count: 0 },
 
−
viewWindow: { }
 
−
},
 
−
series: [ ],
 
−
trendlines: [ ]
 
−
};
 
  
−
memo.obsesTotal = 0;
+
memo.season = i18n[memo.obscode]['season'];
 +
if ( memo.season == 'summer' || today.getMonth() > 7 ) {
 +
memo.curSeason = today.getFullYear();
 +
} else {
 +
memo.curSeason = today.getFullYear()-1;
 +
}
  
−
memo.obsMinValue = Infinity;
+
// first loop
−
memo.obsMaxValue = -Infinity;
+
for ( var o in memo.obses ) {
−
memo.obsMinDateMs = Infinity;
 
−
memo.obsMaxDateMs = -Infinity;
 
−
memo.obsMinCompDateMs = Infinity;
 
−
memo.obsMaxCompDateMs = -Infinity;
 
  
−
memo.season = i18n[memo.obscode]['season'];
+
obs = memo.obses[o];
−
if ( memo.season == 'summer' || today.getMonth() > 7 ) {
+
−
memo.curSeason = today.getFullYear();
+
memo.obsesTotal++;
−
} else {
 
−
memo.curSeason = today.getFullYear()-1;
 
−
}
 
  
−
// first loop
+
// create data
−
for ( var o in memo.obses ) {
+
obs.data = JSON.parse( obs.printouts.DataJSON );
 +
obs.data.num = obs.data[ i18n[memo.obscode].valfield ];
  
−
obs = memo.obses[o];
+
if ( obs.data.unit == 'cm' && i18n[memo.obscode]['unit'] == 'm' ) {
 +
obs.data.num = obs.data.num/100;
 +
obs.value = obs.value/100;
 +
}
 +
 +
if ( i18n[ memo.obscode ].valfield != 'val' ) {
 +
obs.value = obs.data[ i18n[memo.obscode].valfield ];
 +
}
  
−
memo.obsesTotal++;
+
// add season
 +
if ( memo.season == 'winter' && obs.obsdatetime.getMonth() > -1 && obs.obsdatetime.getMonth() < 8 ) {
 +
obs.season = obs.obsdatetime.getFullYear()-1;
 +
} else {
 +
obs.season = obs.obsdatetime.getFullYear();
 +
}
 +
if ( memo.season == 'winter' ) {
 +
obs.seasonmiddle = new Date( obs.season+1, 0, 1 );
 +
} else {
 +
obs.seasonmiddle = new Date( obs.season, 5, 1 );
 +
}
  
−
// create data
+
// create addinfo
−
obs.data = JSON.parse( obs.printouts.DataJSON );
+
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 + '" />';
 +
}
 +
if ( !!obs.printouts[ 'Lisätiedot' ][0] ) {
 +
obs.addInfo += '<p>' + obs.printouts[ 'Lisätiedot' ][0] + '</p>';
 +
}
  
−
// add season
+
memo.obsMinValue = Math.min( memo.obsMinValue, obs.value );
−
if ( memo.season == 'winter' && obs.obsdatetime.getMonth() > -1 && obs.obsdatetime.getMonth() < 8 ) {
+
memo.obsMaxValue = Math.max( memo.obsMaxValue, obs.value );
−
obs.season = obs.obsdatetime.getFullYear()-1;
 
−
} else {
 
−
obs.season = obs.obsdatetime.getFullYear();
 
−
}
 
−
if ( memo.season == 'winter' ) {
 
−
obs.seasonmiddle = new Date( obs.season+1, 0, 1 );
 
−
} else {
 
−
obs.seasonmiddle = new Date( obs.season, 5, 1 );
 
−
}
 
  
−
// create addinfo
+
memo.obsMinDateMs = Math.min( memo.obsMinDateMs, obs.obsdatetime.getTime() );
−
obs.addInfo = "";
+
memo.obsMaxDateMs = Math.max( memo.obsMaxDateMs, obs.obsdatetime.getTime() );
−
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 + '" />';
 
−
}
 
−
if ( !!obs.printouts[ 'Lisätiedot' ][0] ) {
 
−
obs.addInfo += '<p>' + obs.printouts[ 'Lisätiedot' ][0] + '</p>';
 
−
}
 
  
−
memo.obsMinValue = Math.min( memo.obsMinValue, obs.value );
+
// add compare date to obses
−
memo.obsMaxValue = Math.max( memo.obsMaxValue, obs.value );
+
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() );
 +
}
 +
ms = obs.compareDate.getTime();
 +
memo.obsMinCompDateMs = Math.min(ms, memo.obsMinCompDateMs);
 +
memo.obsMaxCompDateMs = Math.max(ms, memo.obsMaxCompDateMs);
  
−
memo.obsMinDateMs = Math.min( memo.obsMinDateMs, obs.obsdatetime.getTime() );
+
// add series id
−
memo.obsMaxDateMs = Math.max( memo.obsMaxDateMs, obs.obsdatetime.getTime() );
+
if ( memo.graphType == 'trend' ) {
 +
obs.seriesId = 0;
 +
} else if ( memo.graphType == 'dateofyear' ) {
 +
obs.seriesId = memo.obscodeParts[0] + '_cat_' + obs.data.cat;
 +
} else if ( memo.season == 'summer' || obs.obsdatetime.getMonth() > 7 ) {
 +
obs.seriesId = obs.obsdatetime.getFullYear();
 +
} else {
 +
obs.seriesId = obs.obsdatetime.getFullYear()-1;
 +
}
  
−
// add compare date to obses
+
// create popup for obs
−
if ( memo.season == 'summer' || obs.obsdatetime.getMonth() > 7 ) {
+
obs.popup = '<div style="padding: 8px;">';
−
obs.compareDate = new Date( memo.curSeason, obs.obsdatetime.getMonth(), obs.obsdatetime.getDate() );
+
obs.popup += '<div>';
−
} else {
 
−
obs.compareDate = new Date( memo.curSeason+1, obs.obsdatetime.getMonth(), obs.obsdatetime.getDate() );
 
−
}
 
−
ms = obs.compareDate.getTime();
 
−
memo.obsMinCompDateMs = Math.min(ms, memo.obsMinCompDateMs);
 
−
memo.obsMaxCompDateMs = Math.max(ms, memo.obsMaxCompDateMs);
 
  
−
// add series id
+
if ( i18n[memo.obscode]['type'] == 'cat') {
−
if ( memo.graphType == 'trend' ) {
+
obs.popup +='<b>' + memo.tooltiptitle + ': ' + i18n[memo.obscode]['catNames'][obs.value][memo.lang] + '</b> ';
−
obs.seriesId = 0;
+
} else if ( i18n[memo.obscode]['type'] == 'date') {
−
} else if ( memo.graphType == 'dateofyear' ) {
+
obs.popup +='<b>' + memo.tooltiptitle + '</b> ';
−
obs.seriesId = memo.obscodeParts[0] + '_cat_' + obs.data.cat;
+
} else {
−
} else if ( memo.season == 'summer' || obs.obsdatetime.getMonth() > 7 ) {
+
memo.decimals = 1;
−
obs.seriesId = obs.obsdatetime.getFullYear();
+
if ( memo.obscode == 'level' ) { memo.decimals = 2; }
−
} else {
+
obs.popup +='<b>' + memo.tooltiptitle + ': ' + (Math.round(obs.value * (memo.decimals*10))/(memo.decimals*10)).toString().replace( '.', i18n['dec'][memo.lang] ) + ' ' + i18n[memo.obscode]['unit'] + '</b> ';
−
obs.seriesId = obs.obsdatetime.getFullYear()-1;
+
}
−
}
 
  
−
// create popup for obs
+
obs.popup += '(' + obs.obsdatetime.inRelationToToday(memo.lang) + ')';
−
obs.popup = '<div style="padding: 8px;">';
+
obs.popup += '</div>';
−
obs.popup += '<div>';
 
  
−
if ( i18n[memo.obscode]['type'] == 'cat') {
+
if (!!obs.addInfo) {  
−
obs.popup +='<b>' + i18n[memo.obscode]['title'][memo.lang] + ': ' + i18n[memo.obscode]['catNames'][obs.value][memo.lang] + '</b> ';
+
obs.popup += '<div style="margin-top: 5px;">' + obs.addInfo + '</div>';
−
} else if ( i18n[memo.obscode]['type'] == 'date') {
+
}
−
obs.popup +='<b>' + i18n[memo.obscode]['title'][memo.lang] + '</b> ';
+
obs.popup += '</div>';
−
} else {
 
−
obs.popup +='<b>' + i18n[memo.obscode]['title'][memo.lang] + ': ' + (Math.round(obs.value * 10)/10).toString().replace( '.', i18n['dec'][memo.lang] ) + ' ' + i18n[memo.obscode]['unit'] + '</b> ';
 
−
}
 
  
−
obs.popup += '(' + obs.obsdatetime.inRelationToToday(memo.lang) + ')';
+
}
−
obs.popup += '</div>';
 
−
 
−
if (!!obs.addInfo) {
 
−
obs.popup += '<div style="margin-top: 5px;">' + obs.addInfo + '</div>';
 
−
}
 
−
obs.popup += '</div>';
 
  
−
}
+
memo.obsMinDate = new Date( memo.obsMinDateMs );
 +
memo.obsMaxDate = new Date( memo.obsMaxDateMs );
 +
memo.obsMinYear = memo.obsMinDate.getFullYear();
 +
memo.obsMaxYear = memo.obsMaxDate.getFullYear();
 +
memo.obsMinCompDate = new Date( memo.obsMinCompDateMs );
 +
memo.obsMaxCompDate = new Date( memo.obsMaxCompDateMs );
  
−
memo.obsMinDate = new Date( memo.obsMinDateMs );
+
memo.obsesA = []; memo.dataA = [];
−
memo.obsMaxDate = new Date( memo.obsMaxDateMs );
 
−
memo.obsMinYear = memo.obsMinDate.getFullYear();
 
−
memo.obsMaxYear = memo.obsMaxDate.getFullYear();
 
−
memo.obsMinCompDate = new Date( memo.obsMinCompDateMs );
 
−
memo.obsMaxCompDate = new Date( memo.obsMaxCompDateMs );
 
  
−
memo.obsesA = []; memo.dataA = [];
+
for ( var o in memo.obses ) {
  
−
for ( var o in memo.obses ) {
+
obs = memo.obses[o];
  
−
obs = memo.obses[o];
+
// style points
 +
if ( obs.seriesId == memo.curSeason ) {
 +
baseSize = 6;
 +
} else if (memo.obsesTotal < 100) {
 +
baseSize = 4;
 +
} else if (memo.obsesTotal < 200) {
 +
baseSize = 3;
 +
} else if (memo.obsesTotal < 300) {
 +
baseSize = 2;
 +
} else {
 +
baseSize = 2;  
 +
}
  
−
// style points
+
if ( memo.maintainerShow ) { maintcol = maintColors[obs.maintainer]; }
−
if ( obs.seriesId == memo.curSeason ) {  
+
else { maintcol = 'transparent'; }
−
baseSize = 6;
 
−
} else if (memo.obsesTotal < 100) {
 
−
baseSize = 4;
 
−
} else if (memo.obsesTotal < 200) {
 
−
baseSize = 3;  
 
−
} else if (memo.obsesTotal < 300) {
 
−
baseSize = 2;
 
−
} else {  
 
−
baseSize = 2;  
 
−
}
 
  
−
//if ( memo.graphType == 'dateofyear' ) { baseSize = baseSize + 1; }
+
if (!!obs.addInfo) {
−
+
obs.style = 'point { shape-type: star; size: ' + (baseSize+3) + '; shape-dent: 0.5; stroke-width: 0; stroke-color: ' + maintcol + '; }';
−
if ( memo.maintainerShow ) { maintcol = maintColors[obs.maintainer]; }
+
} else {
−
else { maintcol = 'transparent'; }
+
obs.style = 'point { size: ' + baseSize + '; stroke-width: 0.5; stroke-color: ' + maintcol + '; }';
 +
}
  
−
if (!!obs.addInfo) {
+
memo.obsesA.push( obs );
−
obs.style = 'point { shape-type: star; size: ' + (baseSize+3) + '; shape-dent: 0.5; stroke-width: 0; stroke-color: ' + maintcol + '; }';
 
−
} else {
 
−
obs.style = 'point { size: ' + baseSize + '; stroke-width: 0.5; stroke-color: ' + maintcol + '; }';
 
−
}
 
  
−
memo.obsesA.push( obs );
+
}
  
−
}
+
// sort
 +
memo.obsesA.sort( function(a, b) { return a.obsdatetime - b.obsdatetime; });
  
−
// sort
+
// create DataTable
−
memo.obsesA.sort( function(a, b) { return a.obsdatetime - b.obsdatetime; });
+
memo.data = new google.visualization.DataTable();
  
−
// create DataTable
+
// col for xAxis values
−
memo.data = new google.visualization.DataTable();
+
memo.data.addColumn( 'date', 'time' );
  
−
// col for xAxis values
+
// make ticks for y axis on cat types
−
memo.data.addColumn( 'date', 'time' );
+
if ( memo.obsesA.length > 0 && memo.graphType != 'current' ) {
−
 
 
−
// make ticks for y axis on cat types
 
 
if ( i18n[memo.obscode]['type'] == 'cat') {
 
if ( i18n[memo.obscode]['type'] == 'cat') {
 
memo.options.vAxis.ticks = [];
 
memo.options.vAxis.ticks = [];
Rivi 313: Rivi 598:
 
memo.options.vAxis.baselineColor = 'none';
 
memo.options.vAxis.baselineColor = 'none';
 
} else if ( typeof i18n[memo.obscode]['min'] != 'undefined' ) {  
 
} else if ( typeof i18n[memo.obscode]['min'] != 'undefined' ) {  
−
memo.options.vAxis.viewWindow = { min: i18n[memo.obscode]['min'] };  
+
if ( i18n[memo.obscode]['min'] != -999 ) {
−
} else if ( memo.obsMinValue >= 0) {
+
memo.options.vAxis.viewWindow = { min: i18n[memo.obscode]['min'] };  
−
memo.options.vAxis.viewWindow = { min: 0 };  
+
}
 +
} else if ( memo.obsMinValue >= 0) {
 +
memo.options.vAxis.minValue = memo.obsMinValue;
 +
memo.options.vAxis.viewWindow = { min: memo.obsMinValue };  
 
}
 
}
−
 
−
memo.titleEl.html( i18n[ memo.obscode ].title[ memo.lang ] );
 
−
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 ] + '">UUSI</button>' );
 
−
jQuery( '[data-toggle="tooltip"]' ).tooltip();
 
−
 
−
if (memo.graphType == 'trend') {
 
  
−
addDataToTrendChart(memo);
+
memo.titleEl.html( memo.title );
 +
 +
//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="' + 'asdfsadf' + '">' + '<i class="fa-solid fa-location-dot"></i>' + '</button>' );
 +
 +
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 ( typeof memo.info != '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="' + memo.info + '"><span class="fontawesome">&#xf05a;</span></button>' );
 +
jQuery( '[data-toggle="tooltip"]' ).tooltip();
 +
}
 +
 +
}
 +
 +
if (memo.graphType == 'trend') {
  
−
} else if (memo.graphType == 'season') {
+
addDataToTrendChart(memo);
  
−
addDataToSeasonChart(memo);
+
} else if (memo.graphType == 'seasonwithreferences') {
  
−
} else if (memo.graphType == 'dateofyear') {
+
addDataToSeasonWithReferencesChart(memo);
  
−
addDataToDateOfYearChart( memo );
+
} else if (memo.graphType == 'trendwithhighlow') {
  
−
}
+
addDataToTrendWithHighLowChart(memo);
  
−
}
+
} else if (memo.graphType == 'season') {
  
−
function addDataToDateOfYearChart( memo ) {
+
addDataToSeasonChart(memo);
  
−
// do X axis min and max for this chart type
+
} else if (memo.graphType == 'dateofyear') {
−
memo.options.hAxis.minValue = new Date( memo.obsMinDateMs );
 
−
if ( memo.season = 'winter' && memo.options.hAxis.minValue.getMonth() < 8 ) { memo.options.hAxis.minValue.setFullYear( memo.options.hAxis.minValue.getFullYear()-1 ); }
 
−
memo.options.hAxis.minValue.setMonth(0);
 
−
memo.options.hAxis.minValue.setDate(1);
 
−
memo.options.hAxis.viewWindow.min = memo.options.hAxis.minValue;
 
  
−
memo.options.hAxis.maxValue = new Date( memo.obsMaxDateMs );
+
addDataToDateOfYearChart( memo );
−
if ( memo.season = 'winter' && memo.options.hAxis.maxValue.getMonth() > 7 ) { memo.options.hAxis.maxValue.setFullYear( memo.options.hAxis.maxValue.getFullYear()+1 ); }
 
−
else { memo.options.hAxis.maxValue.setFullYear( memo.options.hAxis.maxValue.getFullYear()+1 ); }
 
−
memo.options.hAxis.maxValue.setMonth(11);
 
−
memo.options.hAxis.maxValue.setDate(31);
 
−
memo.options.hAxis.viewWindow.max = memo.options.hAxis.maxValue;
 
  
−
// do Y axis min and max for this chart type
+
} else if (memo.graphType == 'current') {
−
memo.options.vAxis.minValue = new Date( memo.obsMinCompDate.getTime() );
 
−
memo.options.vAxis.minValue.setDate(1);
 
−
memo.options.vAxis.viewWindow.min = memo.options.vAxis.minValue;
 
  
−
memo.options.vAxis.maxValue = new Date( memo.obsMaxCompDate.getTime() );
+
addDataToCurrentChart( memo );
−
memo.options.vAxis.maxValue.setMonth( memo.options.vAxis.maxValue.getMonth()+1 );
 
−
memo.options.vAxis.maxValue.setDate(0);
 
−
memo.options.vAxis.viewWindow.max = memo.options.vAxis.maxValue;
 
  
−
// do Y axis ticks and gridlines
+
}
−
memo.options.vAxis.ticks = [];
 
−
memo.vAxisGridlines = [];
 
−
memo.options.vAxis.gridlines = { color: 'transparent' };
 
−
memo.options.vAxis.minorGridlines = { color: 'transparent' };
 
−
minM = memo.options.vAxis.minValue.getMonth();
 
−
maxM = memo.options.vAxis.maxValue.getMonth();
 
  
−
if ( minM > maxM ) { mc = 13-minM+maxM; }  
+
}
−
else { mc = maxM-minM+1; }
 
  
−
for ( mi = 0; mi < mc; mi++ ) {
+
function addDataToCurrentChart( memo ) {
  
−
mx = minM+mi;
+
// sort according to obs date
−
yx = memo.options.vAxis.minValue.getFullYear();
+
memo.obsesA.sort( function( a, b ) { return b.obsdatetime - a.obsdatetime; });
−
if ( mx > 11 ) { yx = memo.options.vAxis.maxValue.getFullYear(); mx = mx - 12; }
+
 +
if ( typeof memo.info != 'undefined' ) {
 +
addToTitle = '&nbsp;<button style="padding: 0 0.25em; font-size: 13px; margin-bottom: 3px;" type="button" class="btn btn-secondary btn-info" data-toggle="tooltip" data-placement="top" title="' + memo.info + '"><span class="fontawesome">&#xf05a;</span></button>';
 +
} else {
 +
addToTitle = '';
 +
}
  
−
startOfMonth = new Date( yx, mx, 1 );
+
if ( memo.obscode == 'level' ) {
−
middleOfMonth = new Date( yx, mx, 15 );
 
  
−
// ticks
+
// make week averages
−
memo.options.vAxis.ticks.push( { v: middleOfMonth, f: i18n['months'][mx]['long'][memo.lang] } );
+
memo.avgW = {};
 +
for (var o in memo.obsesA) {
  
−
// gridlines except for first
+
mwDate = new Date( memo.obsesA[o].compareDate.getFullYear(), memo.obsesA[o].compareDate.getMonth(), memo.obsesA[o].compareDate.getDate() );
−
if (mi > 0) {
+
y = mwDate.getFullYear();
−
memo.vAxisGridlines.push( new Date( startOfMonth.getTime() ) );
+
w = mwDate.getWeek();
−
}
+
v = memo.obsesA[o].value;
 +
if ( typeof memo.avgW[y] == 'undefined' ) { memo.avgW[y] = {}; }
 +
if ( typeof memo.avgW[y][w] == 'undefined' ) { 
 +
mwDate.setDate( mwDate.getDate() - mwDate.getDay() + 3 )
 +
memo.avgW[y][w] = { cDate: mwDate, values: [ v ], sum: v, count: 1, avg: v };
 +
} else {
 +
memo.avgW[y][w].values.push( v );
 +
memo.avgW[y][w].sum += v;
 +
memo.avgW[y][w].count++;
 +
memo.avgW[y][w].avg = memo.avgW[y][w].sum / memo.avgW[y][w].count;
 +
}
 
}
 
}
  
−
memo.seriesO = {};
+
obs = memo.obsesA[0];
−
 
+
for (var r in memo.refs) {
−
for ( var o in memo.obsesA ) {
+
ref = memo.refs[r];
−
obs = memo.obsesA[ o ];
+
break;
−
s = obs.seriesId;
 
−
if ( typeof memo.seriesO[ s ] == 'undefined' ) {  
 
−
memo.seriesO[ s ] = { 'id': s, 'order': parseInt( obs.data.cat ), 'title': i18n[ s ].title[ memo.lang ], 'type': 'scatter', 'color': i18n[ s ].color, 'obses': []  };
 
−
}
 
−
obs.xvalue = obs.seasonmiddle;
 
−
obs.yvalue = obs.compareDate;
 
−
obs.value = obs.obsdatetime.toLocaleDateString( memo.lang );
 
−
obs.valueUnit = i18n[ 'Date' ][ memo.lang ];
 
−
obs.tooltip = '<p><b>' + i18n[ 'season' ][ 'winter' ][ memo.lang ] + '&nbsp;' + obs.season + '&ndash;' + (obs.season+1) + '</b></p>';
 
−
obs.tooltip += '<p>' + i18n[ s ].title2[ memo.lang ] + ':&nbsp;' + obs.obsdatetime.toLocaleDateString( memo.lang ) + '</p>';
 
−
obs.tooltip += obs.addInfo;
 
−
memo.seriesO[ s ].obses.push( obs );
 
 
}
 
}
 +
 +
refdata = JSON.parse( ref.printouts.DataJSON );
 +
refn = refdata.val/100;
  
−
// create ice cover series
+
diff = obs.value - refn;
−
if ( memo.obscode == 'ice_cat_2,5' ) {
+
diff = Math.round( diff*100 );
−
memo.obsesS = {};
+
diffStr = diff.toString() + ' cm';
−
for ( var o in memo.obsesA ) {
+
if ( diff > 0 ) { diffStr = '+' + diffStr; }
−
var obs = memo.obsesA[ o ];
+
 +
var levelsvg = '<?xml version="1.0" encoding="utf-8"?><svg  role="img" aria-label="XXX" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 99.6;" xml:space="preserve"><style type="text/css">.st0{fill:#ccc;} .st1{fill:#0076B0;}</style>';
 +
 +
var levelclass = 'st0';
 +
if ( diff > 20 ) { levelclass = "st1"; }
 +
levelsvg += '<path class="' + levelclass + '" d="M46.8,1.2c1.9-1.5,4.5-1.5,6.4,0c3.9,3,8.7,5.1,13.5,5.1c4.7,0,9.6-2.1,13.4-5.1l0,0c2.1-1.7,4.9-1.5,6.8,0.3c2.5,2.3,5.6,4.1,8.8,4.9c3,0.8,4.8,4.1,4.2,7.5s-3.7,5.4-6.7,4.7c-4.3-1.1-7.8-3.2-10.1-4.9c-5,3-10.7,5.1-16.4,5.1c-5.5,0-10.5-1.9-14-3.7c-1-0.5-1.9-1-2.7-1.5c-0.8,0.5-1.7,1-2.7,1.5c-3.4,1.8-8.4,3.7-14,3.7c-5.7,0-11.4-2-16.4-5c-2.3,1.6-5.9,3.8-10.1,4.9c-3,0.8-6-1.3-6.7-4.7s1.2-6.7,4.2-7.5c3.1-0.8,6.3-2.6,8.8-4.9c1.9-1.9,4.7-2,6.8-0.3l0,0c3.9,3,8.8,5.1,13.5,5.1C38.1,6.3,42.9,4.2,46.8,1.2z"/>';
  
−
if ( typeof memo.obsesS[ obs.season ] == 'undefined' ) {
+
if ( diff > 10 ) { levelclass = "st1"; }
−
memo.obsesS[ obs.season ] = { 'maintainer': obs.maintainer };
+
levelsvg += '<path class="' + levelclass + '" d="M53.2,21.5c3.9,3,8.7,5.1,13.5,5.1c4.7,0,9.6-2.1,13.4-5.1l0,0c2.1-1.7,4.9-1.5,6.8,0.3c2.5,2.3,5.6,4.1,8.8,4.9c3,0.8,4.8,4.1,4.2,7.5s-3.7,5.4-6.7,4.7c-4.3-1.1-7.8-3.2-10.1-4.9c-5,3-10.7,5.1-16.4,5.1c-5.5,0-10.5-1.9-14-3.7c-1-0.5-1.9-1-2.7-1.5c-0.8,0.5-1.7,1-2.7,1.5c-3.4,1.8-8.4,3.7-14,3.7c-5.7,0-11.4-2-16.4-5c-2.3,1.6-5.9,3.8-10.1,4.9c-3,0.8-6-1.3-6.7-4.7c-0.7-3.4,1.2-6.7,4.2-7.5c3.1-0.8,6.3-2.6,8.8-4.9c1.9-1.9,4.7-2,6.8-0.3l0,0c3.8,3,8.8,5.1,13.4,5.1c4.8,0,9.6-2.1,13.5-5.1C48.7,19.9,51.3,19.9,53.2,21.5z"/>';
−
}
 
  
−
if ( obs.data.cat == '2' ) {
+
if ( diff > 0 ) { levelclass = "st1"; }
−
memo.obsesS[ obs.season ][ 'low' ] = obs.compareDate;
+
levelsvg += '<path class="' + levelclass + '" d="M53.2,41.8c3.9,3,8.7,5.1,13.5,5.1c4.7,0,9.6-2.1,13.4-5.1l0,0c2.1-1.7,4.9-1.5,6.8,0.3c2.5,2.3,5.6,4.1,8.8,4.9c3,0.8,4.8,4.1,4.2,7.5s-3.7,5.4-6.7,4.7c-4.3-1.1-7.8-3.2-10.1-4.9c-5,3-10.7,5.1-16.4,5.1c-5.5,0-10.5-1.9-14-3.7c-1-0.5-1.9-1-2.7-1.5c-0.8,0.5-1.7,1-2.7,1.5c-3.4,1.8-8.4,3.7-14,3.7c-5.7,0-11.4-2-16.4-5c-2.3,1.6-5.9,3.8-10.1,4.9c-3,0.8-6-1.3-6.7-4.7s1.2-6.7,4.2-7.5c3.1-0.8,6.3-2.6,8.8-4.9c1.9-1.9,4.7-2,6.8-0.3l0,0c3.8,3,8.8,5.1,13.4,5.1c4.8,0,9.6-2.1,13.5-5.1C48.7,40.2,51.3,40.2,53.2,41.8z"/>';
−
} else if ( obs.data.cat == '5' ) {
 
−
memo.obsesS[ obs.season ][ 'high' ] = obs.compareDate;
 
−
}
 
−
if ( memo.obsesS[ obs.season ][ 'maintainer' ] != obs.maintainer ) { memo.obsesS[ obs.season ][ 'maintainer' ] = ''; }
 
  
−
if ( typeof memo.obsesS[ obs.season ][ 'low' ] != 'undefined' && typeof memo.obsesS[ obs.season ][ 'high' ] != 'undefined' ) {
+
if ( diff > -10 ) { levelclass = "st1"; }
−
days = Math.round( ( memo.obsesS[ obs.season ][ 'high' ].getTime() - memo.obsesS[ obs.season ][ 'low' ].getTime() ) / ( 1000*60*60*24 ) );
+
levelsvg += '<path class="' + levelclass + '" d="M53.2,62.1c3.9,3,8.7,5.1,13.5,5.1c4.7,0,9.6-2.1,13.4-5.1l0,0c2.1-1.7,4.9-1.5,6.8,0.3c2.5,2.3,5.6,4.1,8.8,4.9c3,0.8,4.8,4.1,4.2,7.5c-0.7,3.4-3.7,5.4-6.7,4.7c-4.3-1.1-7.8-3.2-10.1-4.9c-5,3-10.7,5.1-16.4,5.1c-5.5,0-10.5-1.9-14-3.7c-1-0.5-1.9-1-2.7-1.5c-0.8,0.5-1.7,1-2.7,1.5c-3.4,1.8-8.4,3.7-14,3.7c-5.7,0-11.4-2-16.4-5c-2.3,1.6-5.9,3.8-10.1,4.9c-3,0.8-6-1.3-6.7-4.7c-0.7-3.4,1.2-6.7,4.2-7.5c3.1-0.8,6.3-2.6,8.8-4.9c1.9-1.9,4.7-2,6.8-0.3l0,0c3.8,3,8.8,5.1,13.4,5.1c4.8,0,9.6-2.1,13.5-5.1C48.7,60.5,51.3,60.5,53.2,62.1z"/>';
−
if ( typeof memo.seriesO[ 'ice_cat_2,5' ] == 'undefined' ) {
+
−
memo.seriesO[ 'ice_cat_2,5' ] = { 'id': 'ice_cat_2,5', 'order': 10, 'title': i18n[ 'ice_cat_2,5' ].title[ memo.lang ], 'type': 'candlestick', 'color': i18n[ 'ice_cat_2,5' ].color, obses: [] };
+
if ( diff > -20 ) { levelclass = "st1"; }
−
}
+
levelsvg += '<path class="' + levelclass + '" d="M53.2,82.4c3.9,3,8.7,5.1,13.5,5.1c4.7,0,9.6-2.1,13.4-5.1l0,0c2.1-1.7,4.9-1.5,6.8,0.3c2.5,2.3,5.6,4.1,8.8,4.9c3,0.8,4.8,4.1,4.2,7.5c-0.7,3.4-3.7,5.4-6.7,4.7c-4.3-1.1-7.8-3.2-10.1-4.9c-5,3-10.7,5.1-16.4,5.1c-5.5,0-10.5-1.9-14-3.7c-1-0.5-1.9-1-2.7-1.5c-0.8,0.5-1.7,1-2.7,1.5c-3.4,1.8-8.4,3.7-14,3.7c-5.7,0-11.4-2-16.4-5c-2.3,1.6-5.9,3.8-10.1,4.9c-3,0.8-6-1.3-6.7-4.7c-0.7-3.4,1.2-6.7,4.2-7.5c3.1-0.8,6.3-2.6,8.8-4.9c1.9-1.8,4.7-2,6.8-0.3l0,0c3.8,3,8.8,5.1,13.4,5.1c4.8,0,9.6-2.1,13.5-5.1C48.7,80.9,51.3,80.9,53.2,82.4z"/>';
−
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>' } );
+
−
}
+
levelsvg += '</svg>';
−
+
−
}
+
if ( diff > 20 ) {
 +
levelsvg.replace( 'XXX', 'Vedenpinta erittäin korkea' );
 +
} else if ( diff > 10 ) {
 +
levelsvg.replace( 'XXX', 'Vedenpinta korkea' );
 +
} else if ( diff > 0 ) {
 +
levelsvg.replace( 'XXX', 'Vedenpinta melko tavanomainen' );
 +
} else if ( diff > -10 ) {
 +
levelsvg.replace( 'XXX', 'Vedenpinta melko tavanomainen' );
 +
} else if ( diff > -20 ) {
 +
levelsvg.replace( 'XXX', 'Vedenpinta matala' );
 +
} else {
 +
levelsvg.replace( 'XXX', 'Vedenpinta erittäin matala' );
 
}
 
}
 +
 +
memo.widgetEl.html('');
 +
memo.widgetEl.append( '<h3 style="text-align: center; font-size: 18px; margin-top: 0;">Vedenkorkeus' + addToTitle + '</h3>' );
 +
memo.widgetEl.append( '<div style="width: 120px; height: 120px; margin: 12px auto; padding: 10px; border-radius: 6px; Xborder: 3px solid rgba( 213, 218, 38, 0.5 );">' + levelsvg + '</div>');
 +
memo.widgetEl.append( '<p style="text-align: center; line-height: 20px;" class="huomio">' + diffStr + '<br /><span class="Xsmall">(' + obs.obsdatetime.inRelationToToday(memo.lang).toLowerCase() + ')</span></p>' );
 +
//' + obs.obsdatetime.inRelationToToday(memo.lang) + '
  
−
memo.seriesA = []; for ( var s in memo.seriesO ) { memo.seriesA.push( memo.seriesO[s] ) };
+
} else if ( memo.obscode == 'ice' ) {
−
memo.seriesA.sort( function( a, b ) { return a.order-b.order; } );
+
 +
obs = memo.obsesA[0];
  
−
for ( var s in memo.seriesA ) {
+
iceT =obs.value.toString() + ' cm';
 +
memo.widgetEl.html('');
 +
memo.widgetEl.append( '<p style="text-align: center; line-height: 20px;" class="huomio">' + obs.obsdatetime.inRelationToToday(memo.lang) + '</p>' );
 +
memo.widgetEl.append( '<div style="width: 100px; height: 100px; margin: 0 auto;"><svg style="width: 100px; height: 100px;" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="1.70666in" height="1.70666in" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"viewBox="0 0 1.70666 1.70666" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs>  <style type="text/css">  <![CDATA[    .fil0 {fill:#D9F1FF}    .fil1 {fill:#DAEBF6}    .fil3 {fill:#EAF3F8}    .fil2 {fill:#EDF8FF}  ]]>  </style> </defs> <g id="Layer_x0020_1">  <metadata id="CorelCorpID_0Corel-Layer"/>  <g id="_379292064">  <path id="_379292760" class="fil0" d="M1.40329 1.24609c-0.00840157,0 -0.0159921,-0.00530709 -0.0188386,-0.0133543l-0.175606 -0.498173 -0.0287165 0.120094c-0.00475197,0.0199409 -0.0329843,0.0203937 -0.0386417,0.000917323l-0.0844843 -0.290622 -0.0838858 0.219394c-0.00578346,0.0151614 -0.0262677,0.0173661 -0.0352362,0.00405118l-0.0845315 -0.125091 -0.0845276 0.12511c-0.00902756,0.0133583 -0.0294764,0.011063 -0.035252,-0.00405118l-0.0838858 -0.21939 -0.0844882 0.290622c-0.00549606,0.018878 -0.0337677,0.0194409 -0.0386378,-0.000917323l-0.0287244 -0.120094 -0.175606 0.498169c-0.00683858,0.0194094 -0.0351457,0.0168858 -0.0385512,-0.00332283l-0.0963465 -0.570858 -0.0470787 0.133386c-0.00603937,0.017122 -0.0296969,0.0176575 -0.0370276,0.0016811 -0.0107323,-0.0233858 -0.0905197,-0.192185 -0.0907756,-0.201878l-0.0121339 -0.436732c-0.000314961,-0.0112402 0.00874409,-0.0205512 0.0199843,-0.0205512l1.66607 0c0.0112441,0 0.0202953,0.00931102 0.0199843,0.0205512 -0.00126772,0.045122 -0.0096378,0.435122 -0.0139567,0.444508l-0.0889528 0.194102c-0.00762205,0.0166654 -0.0311772,0.0148976 -0.0370118,-0.0016811l-0.0470945 -0.133386 -0.0963307 0.570839c-0.00161417,0.00958661 -0.0099685,0.0166772 -0.0197205,0.0166772z"/>  <path id="_379292832" class="fil1" d="M1.40329 1.24609c-0.00840157,0 -0.0159921,-0.00530709 -0.0188386,-0.0133543l-0.175606 -0.498173 -0.0287165 0.120094c-0.00475197,0.0199409 -0.0329843,0.0203937 -0.0386417,0.000917323l-0.0844843 -0.290622 -0.0838858 0.219394c-0.00578346,0.0151614 -0.0262677,0.0173661 -0.0352362,0.00405118l-0.0845315 -0.125091 -1.5748e-005 2.3622e-005 0 -0.52885 0.833039 0c0.0112441,0 0.0202953,0.00931102 0.0199843,0.0205512 -0.00126772,0.045122 -0.0096378,0.435122 -0.0139567,0.444508l-0.0889528 0.194102c-0.00762205,0.0166654 -0.0311772,0.0148976 -0.0370118,-0.0016811l-0.0470945 -0.133386 -0.0963307 0.570839c-0.00161417,0.00958661 -0.0099685,0.0166772 -0.0197205,0.0166772z"/>  <path id="_379293384" class="fil2" d="M0.00429921 0.298594l-0.00398819 -0.143559c-0.000314961,-0.0112402 0.00874409,-0.0205512 0.0199843,-0.0205512l1.66607 0c0.0112441,0 0.0202953,0.00931102 0.0199843,0.0205512 -0.000444882,0.0158346 -0.00176378,0.0741457 -0.00347638,0.143559l-0.183831 0 0 0.0628976c6.29921e-005,0.0635315 -0.0523228,0.10285 -0.100862,0.10285 -0.0555709,0 -0.10052,-0.0458071 -0.10052,-0.103965 -0.0459685,0.0349803 -0.108213,0.025122 -0.141409,-0.0201969 -0.0338425,0.0453346 -0.0970984,0.0549055 -0.14148,0.0205079 0,0.0645945 -0.0522795,0.103654 -0.100925,0.103654 -0.0357362,0 -0.0630157,-0.018878 -0.0801614,-0.0418307 -0.0183189,0.0253583 -0.0477402,0.0418307 -0.0808543,0.0418307 -0.0486417,0 -0.100925,-0.0390748 -0.100925,-0.103654 -0.0444331,0.0343898 -0.107654,0.0248189 -0.14148,-0.0205079 -0.033189,0.0453189 -0.0954449,0.0551732 -0.141409,0.0201969 0,0.13778 -0.201445,0.13598 -0.201445,0.00111417l0 -0.0628976 -0.183276 0z"/>  <path id="_379293264" class="fil3" d="M0.853331 0.134484l0.833039 0c0.0112441,0 0.0202953,0.00931102 0.0199843,0.0205512 -0.000444882,0.0158346 -0.00176378,0.0741457 -0.00347638,0.143559l-0.183831 0 0 0.0628976c6.29921e-005,0.0635315 -0.0523228,0.10285 -0.100862,0.10285 -0.0555709,0 -0.10052,-0.0458071 -0.10052,-0.103965 -0.0459685,0.0349803 -0.108213,0.025122 -0.141409,-0.0201969 -0.0338425,0.0453346 -0.0970984,0.0549055 -0.14148,0.0205079 0,0.0645945 -0.0522795,0.103654 -0.100925,0.103654 -0.0357362,0 -0.0630157,-0.018878 -0.0801614,-0.0418307l-0.000358268 0.000488189 0 -0.288516z"/>  <path id="_379292544" class="fil0" d="M0.546008 1.30221c-0.0527835,0 -0.0957441,-0.0429567 -0.0957441,-0.095748 0,-0.036685 0.0484291,-0.111787 0.0780315,-0.16826 0.00746063,-0.0142441 0.0279331,-0.0142283 0.0353976,0 0.0296614,0.0565157 0.0780197,0.131618 0.0780315,0.168256 3.14961e-005,0.0527953 -0.0429134,0.095752 -0.0957165,0.095752z"/>  <path id="_379292472" class="fil0" d="M0.752256 1.10498c-0.0527835,0 -0.0957441,-0.0429567 -0.0957441,-0.095748 0,-0.0365394 0.0482717,-0.111673 0.0780315,-0.16826 0.00749213,-0.014252 0.0279291,-0.0142323 0.0353976,0 0.0296496,0.0565 0.0780394,0.131602 0.0780394,0.168244 7.87402e-006,0.0528071 -0.042937,0.0957638 -0.0957244,0.0957638z"/>  <path id="_379291920" class="fil1" d="M1.16068 1.19411c-0.0527992,0 -0.095748,-0.0429567 -0.095748,-0.095748 0,-0.0367283 0.0484252,-0.111728 0.0780433,-0.168252 0.00748031,-0.0142756 0.0279528,-0.0141929 0.0353976,0 0.0296378,0.0564764 0.0780354,0.13161 0.0780433,0.168248 7.87402e-006,0.0527953 -0.0429449,0.095752 -0.0957362,0.095752z"/>  <path id="_379292352" class="fil1" d="M1.4033 1.57217c-0.0527992,0 -0.0957441,-0.0429567 -0.0957441,-0.0957441 0,-0.0366496 0.0484134,-0.11178 0.0780433,-0.168264 0.0074685,-0.0142362 0.0279409,-0.0142362 0.0354016,0 0.0296496,0.0565591 0.0780354,0.131583 0.0780394,0.168264 1.5748e-005,0.0527992 -0.042937,0.0957441 -0.0957402,0.0957441z"/>  <path id="_379291944" class="fil0" d="M0.303386 1.57217c-0.0527835,0 -0.0957441,-0.0429567 -0.0957441,-0.0957441 0,-0.0366457 0.0483898,-0.111748 0.0780394,-0.168264 0.00747244,-0.0142402 0.0279331,-0.0142283 0.0354016,0 0.0296693,0.0565315 0.0780276,0.131642 0.0780276,0.168264 7.87402e-006,0.0527992 -0.0429409,0.0957441 -0.0957244,0.0957441z"/>  <path id="_379292328" class="fil0" d="M0.121409 1.11937c-0.0527874,0 -0.095748,-0.0429567 -0.095748,-0.095748 0,-0.0365945 0.0483465,-0.111724 0.0780433,-0.16826 0.00747638,-0.0142362 0.0279252,-0.0142441 0.0353976,0 0.0296654,0.0565236 0.0780354,0.13161 0.0780394,0.16826 1.1811e-005,0.0527913 -0.0429488,0.095748 -0.0957323,0.095748z"/>  <path id="_379292256" class="fil1" d="M1.5853 1.13601c-0.0528031,0 -0.095748,-0.0429567 -0.095748,-0.095748 0,-0.0366929 0.048437,-0.11176 0.0780433,-0.16826 0.00747244,-0.0142638 0.0279291,-0.0142087 0.0353976,0 0.0296811,0.0564882 0.0780315,0.131677 0.0780315,0.16826 3.93701e-006,0.0528071 -0.0429409,0.095748 -0.0957244,0.095748z"/>  </g> </g></svg>');
 +
memo.widgetEl.append( '<p style="text-align: center; line-height: 20px;" class="huomio">Jäätilanne<br />' + iceT + '</p>' );
 +
  
−
if ( memo.seriesA[ s ].type == 'scatter' ) {
+
} else if ( memo.obscode == 'ski' ) {
 +
memo.widgetEl.html('');
 +
memo.widgetEl.append( '<p style="text-align: center; line-height: 20px;" class="huomio">29.3.2023</p>' );
 +
memo.widgetEl.append( '<div style="width: 100px; height: 100px; margin: 0 auto;"><svg <svg style="width: 100px; height: 100px;" Xfill="#fff" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 943.01 710.7"><defs><style>.cls-1{fill:#1d1e21;fill-rule:evenodd;}</style></defs><g id="_Ñëîé_2"><path class="cls-1" d="m924.06,669.04c0,15.87-11.49,23.41-26.25,23.41H259.14v18.25h638.68c27.25,0,45.19-13.59,45.19-43.17-.47-9.56-18.76-12.12-18.94,1.51h0Z"/><path class="cls-1" d="m666.6,63.13c0,17.45,6.1,31.93,18.24,44.86,12.94,12.15,27.39,18.24,45.61,18.24s32.7-6.1,45.63-18.24c12.15-12.94,18.27-27.41,18.27-44.86s-6.12-31.93-18.27-44.12c-12.94-12.91-28.13-19.01-45.63-19.01s-32.67,6.12-45.61,19.01c-12.15,12.19-18.24,26.62-18.24,44.12h0Z"/><path class="cls-1" d="m518.95,152.16l-69.79,73.81c-22.53,32.02-68.04,3.51-34.44-34.02l76.63-86.71c6.84-7.59,15.2-11.35,25.85-11.35l135.69,15.61c11.42,0,21.29,3.79,28.9,11.4l83.94,85.43,63.11-65.34c25.92-22.25,55.13,1.98,35.58,29.27l-66.07,69.76c-24.27,26.55-35.16,31.83-53.99,14.99l-39.93-38.49-115.54,131.85,86.36,69.9c.75,1.54,2.28,3.03,3.79,5.35,2.28,2.23,3.79,7.59,6.07,16.71,2.3,9.12.75,18.24-3.02,28.11l-39.35,163.82c-13.66,52.91-71.3,32.88-59.36-11.54l36.95-159.68-111.14-92.43-76.56,77.54c-.74.74-2.3,2.28-4.59,3.77-2.28,1.54-7.61,4.56-15.94,7.63-8.35,3.79-17.5,4.56-28.16,3.82l-158.77-.02c-45.17,3.51-58.15-50.8-7.66-61.6h158.14l205.9-239.38-62.62-8.22h0Z"/><path class="cls-1" d="m334.12,626.16c-12.47,9.84-25.53,5.49-34.67-6.08L14.29,259.16l-14.29,11.33,285.15,360.9c16.87,21.37,38.68,27.02,61.88,8.68,7.24-6.26-2.12-22.22-12.91-13.91h0Z"/></g></svg></div>');
 +
memo.widgetEl.append( '<p style="text-align: center; line-height: 22px;" class="huomio">Katuman jäälatu<br />Kunnostettu</p>' );
  
−
memo.data.addColumn( 'date', memo.seriesA[ s ].title ); // + ' ' + memo.obsMinYear + '-' + memo.obsMaxYear );
+
} else if ( memo.obscode == 'temp' ) {
−
memo.data.addColumn( { type: 'string', 'role': 'style' } );
+
−
memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );
+
var tsum = 0;
−
memo.data.addColumn( { type: 'string', role: 'annotation' } );
+
var tc = 0;
 +
 +
for ( var o in memo.obsesA ) {
 +
tsum += memo.obsesA[o].data.val;
 +
tc++;
 +
}
  
−
memo.options.series.push( { type: 'scatter', pointType: 'circle', pointSize: 9, color: memo.seriesA[ s ].color  } );
+
if ( tc > 0 ) {
 +
tavg = Math.round( tsum/tc*10 ) / 10;
 +
tstr = tavg.toString().replace( '.', ',' ) + ' &deg;C';
 +
if ( tc == 1 ) {
 +
tstr += '<br /><span>(' + memo.obsesA[0].obsdatetime.inRelationToToday(memo.lang).toLowerCase() + ')</span>';
 +
}
 +
up = Math.round( (tavg/33)*50 );
 +
up = Math.max( up, 0 );
 +
up = Math.min( up, 50 );
 +
 +
a1 = 60 - up;
 +
a2 = 9 + up;
 +
} else {
 +
tavg = -1;
 +
tstr = 'Ei tuoreita<br />havaintoja';
 +
a1 = 60 - 25;
 +
a2 = 9 + 25;
 +
}
  
−
if ( memo.seriesA[ s ].obses.length > 1 ) {
 
−
memo.options.trendlines[ memo.options.series.length - 1 ] = { type: 'linear', title: i18n.trendline, lineWidth: 2.33, 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 };
 
−
}
 
  
−
} else if ( memo.seriesA[ s ].type == 'candlestick' ) {
+
//up = 10;
 +
//hue = 100 * ( 50-up ) / ( 50 );
 +
//rgb = hslToRgb( (360-hue), 0.8, 0.33 );
 +
 +
//console.log( 360-hue );
 +
//console.log( rgb );
 +
 +
//fill =  '#' + rgb[0].toString(16).padStart(2, '0') + rgb[1].toString(16).padStart(2, '0') + rgb[2].toString(16).padStart(2, '0');
  
−
memo.data.addColumn( 'date', memo.seriesA[ s ].title );
+
if ( tavg < 0 ) { fill ='#ccc'; }
−
memo.data.addColumn( 'date', '' );
+
else if ( tavg < 10 ) { fill = '#0076b0'; }
−
memo.data.addColumn( 'date', '' );
+
else if ( tavg < 20 ) { fill = '#d5da26'; }
−
memo.data.addColumn( 'date', '' );        
+
else { fill = '#da2626'; }
−
memo.data.addColumn({ role: 'tooltip', 'p': { 'html': true } });        
+
−
 
+
var tsvg = '<?xml version="1.0" encoding="utf-8"?><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">';
−
memo.options.series.push( { type: 'candlesticks', color: memo.seriesA[ s ].color, strokeWidth: 2, stroke: '#cccccc'  } );
+
tsvg += '<style type="text/css">.tscale{fill:none;stroke:#1E1E1E;stroke-width:2;stroke-miterlimit:10;}.toutline{fill:none;stroke:#1E1E1E;stroke-width:4;stroke-miterlimit:10;}';
 +
tsvg += '.ttemp{fill:' + fill + ';}';
 +
tsvg += '</style>';
 +
tsvg += '<g>';
 +
tsvg += '<line class="tscale" x1="60.6" y1="9" x2="69.5" y2="9"/>';
 +
tsvg += '<line class="tscale" x1="60.6" y1="25.7" x2="69.5" y2="25.7"/>';
 +
tsvg += '<line class="tscale" x1="60.6" y1="14.6" x2="66.2" y2="14.6"/>';
 +
tsvg += '<line class="tscale" x1="60.6" y1="20.1" x2="66.2" y2="20.1"/>';
 +
tsvg += '<line class="tscale" x1="60.6" y1="42.4" x2="69.5" y2="42.4"/>';
 +
tsvg += '<line class="tscale" x1="60.6" y1="31.2" x2="66.2" y2="31.2"/>';
 +
tsvg += '<line class="tscale" x1="60.6" y1="36.8" x2="66.2" y2="36.8"/>';
 +
tsvg += '<line class="tscale" x1="60.6" y1="59" x2="69.5" y2="59"/>';
 +
tsvg += '<line class="tscale" x1="60.6" y1="47.9" x2="66.2" y2="47.9"/>';
 +
tsvg += '<line class="tscale" x1="60.6" y1="53.5" x2="66.2" y2="53.5"/>';
 +
tsvg += '</g>';
 +
 +
tsvg += '<path class="ttemp" d="M51.8,69.7V' + a1.toString() + '.3c0-2.1-1.7-3.8-3.8-3.8c-2.1,0-3.8,1.7-3.8,3.8v' + a2.toString() + '.4c-4.7,1.6-8.1,6-8.1,11.3c0,6.6,5.3,11.9,11.9,11.9C54.6,92.9,60,87.5,60,81C60,75.7,56.6,71.2,51.8,69.7z"/>';    
 +
tsvg += '<path class="toutline" d="M56.4,65.5V9.9c0-4.6-3.7-8.4-8.4-8.4h0c-4.6,0-8.4,3.7-8.4,8.4v55.7c-5.5,3-9.2,8.8-9.2,15.4c0,9.7,7.9,17.5,17.5,17.5c9.7,0,17.5-7.9,17.5-17.5C65.6,74.3,61.9,68.5,56.4,65.5z"/>';
 +
tsvg += '</svg>';
 +
 +
memo.widgetEl.html('');
 +
memo.widgetEl.append( '<h3 style="text-align: center; font-size: 18px; margin-top: 0;">Pintaveden lämpötila' + addToTitle + '</h3>' );
 +
memo.widgetEl.append( '<div style="width: 120px; height: 120px; margin: 10px auto; padding: 10px; border-radius: 6px; Xborder: 3px solid rgba( 213, 218, 38, 0.5 );">' + tsvg + '</div>');
 +
memo.widgetEl.append( '<p style="text-align: center; line-height: 22px;" class="huomio">' + tstr + '</p>' );
 +
 +
} else if ( memo.obscode == 'alg' ) {
 +
 +
var asum = 0;
 +
var ac = 0;
 +
 +
for ( var o in memo.obsesA ) {
 +
asum += memo.obsesA[o].data.val;
 +
ac++;
 +
}
  
 +
if ( ac > 0 ) {
 +
var aavg = Math.round( asum/ac );
 +
if ( aavg < 0.5 ) { astr = 'Ei sinilevää'; }
 +
else if ( aavg < 1.5 ) { astr = 'Hieman sinilevää'; }
 +
else if ( aavg < 2.5 ) { astr = 'Runsaasti sinilevää'; }
 +
else { astr = 'Erittäin runsaasti sinilevää'; }
 +
if ( ac == 1 ) {
 +
astr += '<br /><span>(' + memo.obsesA[0].obsdatetime.inRelationToToday(memo.lang).toLowerCase() + ')</span>';
 +
}
 +
} else {
 +
astr = 'Ei tuoreita<br />havaintoja';
 +
aavg = -1;
 +
}
 +
 +
var asvg = '<?xml version="1.0" encoding="utf-8"?><svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" style="enable-background:new 0 0 100 100;" xml:space="preserve">';
 +
asvg  += '<style type="text/css">.alg0{fill:#0076B0;} .alg1{fill:#D5DA26;} .algx{fill:#ccc;}</style>';
 +
 +
var rx = 10;
 +
var ry = 10;
 +
 +
for ( var row=0; row<10; row++ ) {
 +
for ( var col=0; col<10; col++ ) {
 +
x = col * 10 + 1;
 +
y = row * 10 + 1;
 +
if ( ac > 0 ) {
 +
if ( Math.random() < ( (aavg) / 3) ) {
 +
aclass = 'alg1';
 +
} else {
 +
aclass = 'alg0';
 +
}
 +
} else {
 +
aclass = 'algx';
 +
}
 +
asvg += '<rect x="' + x.toString() +'" y="' + y.toString() +'" class="' +  aclass + '" width="8" height="8"/>';
 
}
 
}
−
 
 
}
 
}
 +
 +
asvg += '</svg>';
 +
 +
memo.widgetEl.html('');
 +
memo.widgetEl.append( '<h3 style="text-align: center; font-size: 18px; margin-top: 0;">Sinilevätilanne' + addToTitle + '</h3>' );
 +
memo.widgetEl.append( '<div style="width: 120px; height: 120px; margin: 10px auto; padding: 10px; border-radius: 6px; Xborder: 3px solid rgba( 213, 218, 38, 0.5 );">' + asvg + '</div>');
 +
memo.widgetEl.append( '<p style="text-align: center; line-height: 22px;" class="huomio">' + astr + '</p>' );
 +
}
  
−
// add data to table
 
−
cc = memo.data.getNumberOfColumns();
 
−
var st = 0;
 
−
for ( var s in memo.seriesA ) {
 
  
−
for ( var o in memo.seriesA[ s ].obses ) {
+
jQuery( '[data-toggle="tooltip"]' ).tooltip();
 +
memo.loaderEl.fadeOut( "slow", function() { memo.loaderEl.remove(); } );
  
−
obs = memo.seriesA[ s ].obses[ o ];
+
}
  
−
dataRow = [];
+
function addDataToDateOfYearChart( memo ) {
  
−
// fill row with nulls
+
// do X axis min and max for this chart type
−
for ( var i=0; i<cc; i++ ) { dataRow.push( null ); }
+
memo.options.hAxis.minValue = new Date( memo.obsMinDateMs );
 +
if ( memo.season = 'winter' && memo.options.hAxis.minValue.getMonth() < 8 ) { memo.options.hAxis.minValue.setFullYear( memo.options.hAxis.minValue.getFullYear()-1 ); }
 +
memo.options.hAxis.minValue.setMonth(0);
 +
memo.options.hAxis.minValue.setDate(1);
 +
memo.options.hAxis.viewWindow.min = memo.options.hAxis.minValue;
  
−
// x axis value
+
memo.options.hAxis.maxValue = new Date( memo.obsMaxDateMs );
−
dataRow[ 0 ] = obs.xvalue;
+
if ( memo.season = 'winter' && memo.options.hAxis.maxValue.getMonth() > 7 ) { memo.options.hAxis.maxValue.setFullYear( memo.options.hAxis.maxValue.getFullYear()+1 ); }
 +
else { memo.options.hAxis.maxValue.setFullYear( memo.options.hAxis.maxValue.getFullYear()+1 ); }
 +
memo.options.hAxis.maxValue.setMonth(11);
 +
memo.options.hAxis.maxValue.setDate(31);
 +
memo.options.hAxis.viewWindow.max = memo.options.hAxis.maxValue;
  
−
if ( memo.seriesA[ s ].type == 'candlestick' ) {
+
// do Y axis min and max for this chart type
 +
memo.options.vAxis.minValue = new Date( memo.obsMinCompDate.getTime() );
 +
memo.options.vAxis.minValue.setDate(1);
 +
memo.options.vAxis.viewWindow.min = memo.options.vAxis.minValue;
  
−
dataRow[ st+1 ] = obs.low;
+
memo.options.vAxis.maxValue = new Date( memo.obsMaxCompDate.getTime() );
−
dataRow[ st+2 ] = obs.low;
+
memo.options.vAxis.maxValue.setMonth( memo.options.vAxis.maxValue.getMonth()+1 );
−
dataRow[ st+3 ] = obs.high;
+
memo.options.vAxis.maxValue.setDate(0);
−
dataRow[ st+4 ] = obs.high;
+
memo.options.vAxis.viewWindow.max = memo.options.vAxis.maxValue;
−
dataRow[ st+5 ] = obs.tooltip;
 
  
−
} else if ( memo.seriesA[ s ].type == 'scatter' ) {
+
// do Y axis ticks and gridlines
 +
memo.options.vAxis.ticks = [];
 +
memo.vAxisGridlines = [];
 +
memo.options.vAxis.gridlines = { color: 'transparent' };
 +
memo.options.vAxis.minorGridlines = { color: 'transparent' };
 +
minM = memo.options.vAxis.minValue.getMonth();
 +
maxM = memo.options.vAxis.maxValue.getMonth();
  
−
dataRow[ st+1 ] = obs.yvalue;
+
if ( minM > maxM ) { mc = 13-minM+maxM; }
−
dataRow[ st+2 ] = obs.style;
+
else { mc = maxM-minM+1; }
−
dataRow[ st+3 ] = obs.tooltip;
 
−
dataRow[ st+4 ] = null;
 
−
}
 
  
−
memo.dataA.push( dataRow );
+
for ( mi = 0; mi < mc; mi++ ) {
  
−
}
+
mx = minM+mi;
 +
yx = memo.options.vAxis.minValue.getFullYear();
 +
if ( mx > 11 ) { yx = memo.options.vAxis.maxValue.getFullYear(); mx = mx - 12; }
  
−
if ( memo.seriesA[ s ].type == 'candlestick' ) {
+
startOfMonth = new Date( yx, mx, 1 );
−
st += 5;
+
middleOfMonth = new Date( yx, mx, 15 );
−
} else if ( memo.seriesA[ s ].type == 'scatter' ) {
 
−
st += 4;
 
−
}
 
  
−
}
+
// ticks
−
+
memo.options.vAxis.ticks.push( { v: middleOfMonth, f: i18n['months'][mx]['long'][memo.lang] } );
−
/*
 
−
// linear 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
+
// gridlines except for first
−
for (g=0; g < memo.vAxisGridlines.length; g++) {
+
if (mi > 0) {
−
memo.data.addColumn( 'date', 'vAxis gridline_' + g );
+
memo.vAxisGridlines.push( new Date( startOfMonth.getTime() ) );
−
memo.options.series[g+1] = { type: 'line', pointSize: 0, lineWidth: 1, color: '#eee', XlineDashStyle: [3, 3], visibleInLegend: false };
+
}
−
}
+
}
  
 +
memo.seriesO = {};
  
−
// add gridlines
+
for ( var o in memo.obsesA ) {
−
for (g=0; g < memo.vAxisGridlines.length; g++) {
+
obs = memo.obsesA[ o ];
 +
s = obs.seriesId;
 +
if ( typeof memo.seriesO[ s ] == 'undefined' ) {
 +
memo.seriesO[ s ] = { 'id': s, 'order': parseInt( obs.data.cat ), 'title': i18n[ s ].title[ memo.lang ], 'type': 'scatter', 'color': i18n[ s ].color, 'obses': []  };
 +
}
 +
obs.xvalue = obs.seasonmiddle;
 +
obs.yvalue = obs.compareDate;
 +
obs.value = obs.obsdatetime.toLocaleDateString( memo.lang );
 +
obs.valueUnit = i18n[ 'Date' ][ memo.lang ];  
 +
obs.tooltip = '<p><b>' + i18n[ 'season' ][ 'winter' ][ memo.lang ] + '&nbsp;' + obs.season + '&ndash;' + (obs.season+1) + '</b></p>';
 +
obs.tooltip += '<p>' + i18n[ s ].title2[ memo.lang ] + ':&nbsp;' + obs.obsdatetime.toLocaleDateString( memo.lang ) + '</p>';
 +
obs.tooltip += obs.addInfo;
 +
memo.seriesO[ s ].obses.push( obs );
 +
}
  
−
dataRow1 = [];
+
// create ice cover series
−
dataRow2 = [];
+
if ( memo.obscode == 'ice_cat_2,5' ) {
 +
memo.obsesS = {};
 +
for ( var o in memo.obsesA ) {
 +
var obs = memo.obsesA[ o ];
  
−
// fill rows with nulls
+
if ( typeof memo.obsesS[ obs.season ] == 'undefined' ) {
−
for (var i=0; i<noc; i++) { dataRow1.push( null ); dataRow2.push( null ); }
+
memo.obsesS[ obs.season ] = { 'maintainer': obs.maintainer };
 +
}
  
−
dataRow1[0] = memo.options.hAxis.minValue;
+
if ( obs.data.cat == '2' ) {
−
dataRow2[0] = memo.options.hAxis.maxValue;
+
memo.obsesS[ obs.season ][ 'low' ] = obs.compareDate;
 +
} else if ( obs.data.cat == '5' ) {
 +
memo.obsesS[ obs.season ][ 'high' ] = obs.compareDate;
 +
}
 +
if ( memo.obsesS[ obs.season ][ 'maintainer' ] != obs.maintainer ) { memo.obsesS[ obs.season ][ 'maintainer' ] = ''; }
  
−
dataRow1[5+g] = memo.vAxisGridlines[g];
+
if ( typeof memo.obsesS[ obs.season ][ 'low' ] != 'undefined' && typeof memo.obsesS[ obs.season ][ 'high' ] != 'undefined' ) {
−
dataRow2[5+g] = memo.vAxisGridlines[g];
+
days = Math.round( ( memo.obsesS[ obs.season ][ 'high' ].getTime() - memo.obsesS[ obs.season ][ 'low' ].getTime() ) / ( 1000*60*60*24 ) );
 +
if ( typeof memo.seriesO[ 'ice_cat_2,5' ] == 'undefined' ) {
 +
memo.seriesO[ 'ice_cat_2,5' ] = { 'id': 'ice_cat_2,5', 'order': 10, 'title': i18n[ 'ice_cat_2,5' ].title[ memo.lang ], 'type': 'candlestick', 'color': i18n[ 'ice_cat_2,5' ].color, obses: [] };
 +
}
 +
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>' } );
 +
}
  
−
memo.dataA.push( dataRow1 );
 
−
memo.dataA.push( dataRow2 );
 
 
}
 
}
−
*/
 
−
 
−
drawChart(memo);
 
−
 
 
}
 
}
  
−
function addDataToTrendChart(memo) {
+
memo.seriesA = []; for ( var s in memo.seriesO ) { memo.seriesA.push( memo.seriesO[s] ) };
 +
memo.seriesA.sort( function( a, b ) { return a.order-b.order; } );
  
−
// do axis min and max
+
for ( var s in memo.seriesA ) {
−
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);
 
  
−
memo.data.addColumn( 'number', memo.obsMinYear + '-' + memo.obsMaxYear );
+
if ( memo.seriesA[ s ].type == 'scatter' ) {
−
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.data.addColumn( 'date', memo.seriesA[ s ].title ); // + ' ' + memo.obsMinYear + '-' + memo.obsMaxYear );
−
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.data.addColumn( { type: 'string', 'role': 'style' } );
 +
memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );
 +
memo.data.addColumn( { type: 'string', role: 'annotation' } );
  
 +
memo.options.series.push( { type: 'scatter', pointType: 'circle', pointSize: 9, color: memo.seriesA[ s ].color, XstrokeWidth: 2, Xstroke: '#000000'  } );
  
−
for (var o in memo.obsesA) {
+
if ( memo.seriesA[ s ].obses.length > 1 ) {
 +
memo.options.trendlines[ memo.options.series.length - 1 ] = { type: 'linear', title: i18n.trendline, lineWidth: 2.33, 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 };
 +
}
  
−
//dataRow = [];
+
} else if ( memo.seriesA[ s ].type == 'candlestick' ) {
  
−
//if (!!memo.obsesA[o].addInfo) {
+
memo.data.addColumn( 'date', memo.seriesA[ s ].title );
−
//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.data.addColumn( 'date', '' );
−
//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 ] );
+
memo.data.addColumn( 'date', '' );
−
memo.dataA.push( [ memo.obsesA[o].obsdatetime, memo.obsesA[o].value, memo.obsesA[o].style, null, memo.obsesA[o].popup ] );
+
memo.data.addColumn( 'date', '' );        
−
//} else {
+
memo.data.addColumn({ role: 'tooltip', 'p': { 'html': true } });        
−
//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 );
+
memo.options.series.push( { type: 'candlesticks', color: memo.seriesA[ s ].color, strokeWidth: 2, stroke: '#cccccc'  } );
  
 
}
 
}
  
−
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.series[0] = {type: 'scatter', pointSize: 6, color: '#3366cc'  };
+
// add data to table
 +
cc = memo.data.getNumberOfColumns();
 +
var st = 0;
 +
for ( var s in memo.seriesA ) {
  
−
drawChart(memo);
+
for ( var o in memo.seriesA[ s ].obses ) {
  
−
}
+
obs = memo.seriesA[ s ].obses[ o ];
  
−
function addDataToSeasonChart(memo) {
+
dataRow = [];
  
−
memo.axisMinDate = new Date( memo.obsMinCompDateMs );
+
// fill row with nulls
−
memo.axisMinDate.setDate(1);
+
for ( var i=0; i<cc; i++ ) { dataRow.push( null ); }
−
memo.axisMaxDate = new Date( memo.obsMaxCompDateMs );
 
−
memo.axisMaxDate.setMonth( memo.axisMaxDate.getMonth()+1 );
 
−
memo.axisMaxDate.setDate(0);
 
  
−
memo.seasonsO = {};
+
// x axis value
−
memo.seasonsA = [];
+
dataRow[ 0 ] = obs.xvalue;
  
−
for (var o in memo.obsesA) {  
+
if ( memo.seriesA[ s ].type == 'candlestick' ) {
  
−
s = memo.obsesA[o].seriesId;
+
dataRow[ st+1 ] = obs.low;
−
if (typeof memo.seasonsO[s] == 'undefined' ) { memo.seasonsO[s] = { 'obses': [] }; }
+
dataRow[ st+2 ] = obs.low;
−
memo.seasonsO[s].obses.push( memo.obsesA[o] );
+
dataRow[ st+3 ] = obs.high;
−
}
+
dataRow[ st+4 ] = obs.high;
 +
dataRow[ st+5 ] = obs.tooltip;
  
−
for (var o in memo.seasonsO) { memo.seasonsA.push(o); } memo.seasonsA.sort( function(a,b) { return b-a; } );
+
} else if ( memo.seriesA[ s ].type == 'scatter' ) {
  
−
// create cols for each series
+
dataRow[ st+1 ] = obs.yvalue;
−
var sc = 0;
+
dataRow[ st+2 ] = obs.style;
−
for (var s in memo.seasonsA) {
+
dataRow[ st+3 ] = obs.tooltip;
 +
dataRow[ st+4 ] = null;
 +
}
  
−
// data
+
memo.dataA.push( dataRow );
−
if ( memo.season == 'summer' ) {
 
−
memo.data.addColumn( 'number', memo.seasonsA[s].toString() );
 
−
} else {
 
−
memo.data.addColumn( 'number', memo.seasonsA[s].toString() + '-' + (parseInt(memo.seasonsA[s])+1).toString() );
 
−
}
 
−
// style
 
−
memo.data.addColumn( { type: 'string', role: 'style' } );
 
−
// tooltip
 
−
memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );
 
−
// annotation
 
−
memo.data.addColumn( { type: 'string', role: 'annotation' } );
 
  
−
// add to series
 
−
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 };
 
−
} else {
 
−
memo.options.series[sc++] = { type: 'scatter', curveType: 'function', color: colors['curObses'], XpointSize: 3, lineWidth: 4, visibleInLegend: true, hideThis: false, origSize: 10 };
 
−
}
 
−
} else {
 
−
memo.options.series[sc++] = { type: 'scatter', curveType: 'function', color: colors['obses'], XpointSize: 5, lineWidth: 0, visibleInLegend: false, hideThis: true, origSize: 5 };
 
−
}
 
 
}
 
}
  
−
// legend entry for timespan
+
if ( memo.seriesA[ s ].type == 'candlestick' ) {
−
memo.data.addColumn( 'number', memo.obsMinDate.getFullYear() + '-' + memo.obsMaxDate.getFullYear() );
+
st += 5;
−
memo.options.series[sc++] = { type: 'scatter', color: colors['obses'], pointSize: 5, visibleInLegend: true, hideThis: false };
+
} else if ( memo.seriesA[ s ].type == 'scatter' ) {
−
 
+
st += 4;
−
// 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' };
 
−
} 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.data.addColumn( { id: 'dev', type: 'number', role: 'interval' } );
+
}
−
memo.data.addColumn( { id: 'dev', type: 'number', role: 'interval' } );
 
  
−
// series for trend line
+
drawChart(memo);
−
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 };
 
  
−
// do average
+
}
−
if (memo.trendType == 'gaussian') {
+
 +
function addDataToSeasonWithReferencesChart(memo) {
  
−
memo.gSmoothing = 4;
+
// do axis min and max
−
if ( i18n[memo.obscode]['type'] == 'cat') {
+
memo.axisMinDate = new Date( memo.curSeason, 0, 1 );
−
memo.distF = 0.1;
+
memo.axisMaxDate = new Date( memo.curSeason, 11, 31 );
−
} else {
 
−
memo.distF = 0;
 
−
}
 
  
−
// sort according to compare date
+
memo.data.addColumn( 'number', memo.obsMinYear + '-' + memo.obsMaxYear );
−
memo.obsesA.sort( function( a, b ) { return a.compareDate - b.compareDate; });
+
        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' } );
 +
memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );
  
−
// make week averages
+
// series for trend line
−
memo.avgW = {};
+
//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) {
 
  
−
mwDate = new Date( memo.obsesA[o].compareDate.getFullYear(), memo.obsesA[o].compareDate.getMonth(), memo.obsesA[o].compareDate.getDate() );
+
for (var o in memo.obsesA) {
−
y = mwDate.getFullYear();
+
dateStr = memo.obsesA[o].popup.match( /\([^)]*\)/g );
−
w = mwDate.getWeek();
+
yearStr = dateStr[0].match( /[0-9]{4}/g );
−
v = memo.obsesA[o].value + memo.distF*Math.random() - memo.distF*Math.random();
+
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
 +
] );
 +
}
  
−
if ( typeof memo.avgW[y] == 'undefined' ) { memo.avgW[y] = {}; }
+
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) });
 +
}
  
−
if ( typeof memo.avgW[y][w] == 'undefined' ) { 
+
memo.options.seriesType = 'line';
−
mwDate.setDate( mwDate.getDate() - mwDate.getDay() + 3 )
+
memo.options.series[0] = { type: 'line', pointSize: 3, color: '#3366cc'  };
−
memo.avgW[y][w] = { cDate: mwDate, values: [ v ], sum: v, count: 1, avg: v };  
+
memo.options.curveType = 'function';
−
} else {
+
memo.options.intervals = { 'style': 'area' };
−
memo.avgW[y][w].values.push( v );
+
−
memo.avgW[y][w].sum += v;  
+
memo.options.vAxis.viewWindow.min = 80;
−
memo.avgW[y][w].count++;  
+
memo.options.vAxis.viewWindow.max = 82;
−
memo.avgW[y][w].avg = memo.avgW[y][w].sum / memo.avgW[y][w].count;
+
−
}
+
memo.chart = new google.visualization.LineChart( memo.chartEl[0] );        // document.getElementById(memo.id)        
−
}
+
 +
drawChart(memo);
 +
}
  
−
//console.log(memo.avgW);
+
function addDataToTrendWithHighLowChart (memo) {
  
−
// calculate standard deviation
+
//console.log( 'high low chart');
−
devSum = 0;
 
−
devC = 0;
 
−
devMax = 0;
 
−
for ( var y in memo.avgW ) {
 
−
for ( var w in memo.avgW[y] ) {
 
−
devC++;
 
−
devx = 0;
 
−
for (var vi in memo.avgW[y][w].values ) {
 
−
devx += Math.pow( (memo.avgW[y][w].values[vi] - memo.avgW[y][w].avg), 2 );
 
−
}
 
−
memo.avgW[y][w].dev = Math.sqrt( devx/memo.avgW[y][w].count );
 
−
devSum += memo.avgW[y][w].dev;
 
−
devMax = Math.max( memo.avgW[y][w].dev, devMax );
 
−
}
 
−
}
 
  
−
devAvg = devSum/devC;
+
// 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);
  
−
for ( var y in memo.avgW ) {
+
memo.data.addColumn( 'number', memo.obsMinYear + '-' + memo.obsMaxYear );
−
for ( var w in memo.avgW[y] ) {
+
        memo.data.addColumn( { id:'i0', type:'number', role:'interval' } );
−
if ( memo.avgW[y][w].count < 5 ) {
+
        memo.data.addColumn( { id:'i0', type:'number', role:'interval' } );
−
//memo.avgW[y][w].dev = Math.max( memo.avgW[y][w].dev, devAvg );
+
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.avgWlist = [];
+
// 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' };
  
−
for ( var y in memo.avgW ) {
+
//console.log( memo );
−
for ( var w in memo.avgW[y] ) {
 
−
memo.avgWlist.push( { y: parseInt(y), w: parseInt(w), avg: memo.avgW[y][w].avg, dev: memo.avgW[y][w].dev } );
 
−
}
 
−
}
 
  
−
memo.avgWlist.sort( function(a, b) { return (a.y*100+a.w) - (b.y*100+b.w); });
+
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 ] );
 +
}
  
−
//console.log(memo.avgWlist);
+
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) });
 +
}
  
−
firstY = memo.avgWlist[0].y;
+
memo.options.seriesType = 'line';
−
firstW = memo.avgWlist[0].w;
+
memo.options.series[0] = { type: 'line', pointSize: 3, color: '#3366cc'  };
−
lastY = memo.avgWlist[memo.avgWlist.length-1].y;
+
memo.options.curveType = 'function';
−
lastW = memo.avgWlist[memo.avgWlist.length-1].w;
+
memo.options.intervals = { 'style': 'area' };
 +
 +
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);
  
−
memo.avgMlist = [];
+
}
−
memo.avgLlist = [];
 
−
memo.avgHlist = [];
 
  
−
for ( var y=firstY; y<=lastY; y++ ) {
+
function addDataToTrendChart(memo) {
  
−
if ( y == firstY ) { w1 = firstW; }
+
// do axis min and max
−
else { w1 = 1; }
+
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 ( y == lastY ) { w2 = lastW; }
+
memo.data.addColumn( 'number', memo.obsMinYear + '-' + memo.obsMaxYear );
−
else { w2 = 52; }
+
memo.data.addColumn( {'type': 'string', 'role': 'style' } );
 +
memo.data.addColumn( { type: 'string', role: 'annotation' } );
 +
memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );
  
−
for ( var w=w1; w<=w2; w++) {
+
// 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' };
  
−
//console.log( y + '/' + w );
 
  
−
if ( typeof(memo.avgW[y][w]) == 'undefined' ) {
+
for (var o in memo.obsesA) {
  
−
memo.avgMlist.push( null );
+
//dataRow = [];
−
memo.avgLlist.push( null );
 
−
memo.avgHlist.push( null );
 
  
 +
//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 ] );
 +
memo.dataA.push( [ memo.obsesA[o].obsdatetime, memo.obsesA[o].value, memo.obsesA[o].style, null, memo.obsesA[o].popup ] );
 +
//} 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 ] );
 +
//}
  
−
} else {
+
//memo.dataA.push( dataRow );
−
memo.avgMlist.push( memo.avgW[y][w].avg );
 
  
−
if ( memo.avgW[y][w].count < 2 ) {
+
}
−
d = Math.max( devMax, memo.avgW[y][w].dev );
 
−
} else if ( memo.avgW[y][w].count < 4 ) {
 
−
d = Math.max( devAvg, memo.avgW[y][w].dev );
 
−
} else {
 
−
d = memo.avgW[y][w].dev;
 
−
}
 
  
−
if ( i18n[memo.obscode].type == 'cat' && ( memo.avgW[y][w].avg - 2*memo.avgW[y][w].dev ) < -memo.distF ) {
+
memo.options.hAxis.ticks = [];
−
memo.avgLlist.push( -memo.distF*Math.random()*2 );
+
for (i=memo.axisMinDate.getFullYear(); i<=memo.axisMaxDate.getFullYear(); i++) {
−
} else {
+
middleOfYear = new Date( i, 6, 1 );
−
memo.avgLlist.push( memo.avgW[y][w].avg - 2*d ); //memo.avgW[y][w].dev );
+
memo.options.hAxis.ticks.push({v: middleOfYear, f: String(i) });
−
}
+
}
  
−
memo.avgHlist.push( memo.avgW[y][w].avg + 2*d ); //memo.avgW[y][w].dev );
+
memo.options.series[0] = {type: 'scatter', pointSize: 6, color: '#3366cc'  };
−
}
 
−
}
 
−
}
 
  
−
//console.log(memo.avgMlist);
+
drawChart(memo);
  
−
for ( var i=0; i<memo.avgMlist.length; i++ ) {
+
}
  
−
if ( memo.avgMlist[i] === null ) {
+
function addDataToSeasonChart(memo) {
  
−
lastM = memo.avgMlist[i-1];
+
memo.axisMinDate = new Date( memo.obsMinCompDateMs );
−
lastL = memo.avgLlist[i-1];
+
memo.axisMinDate.setDate(1);
−
lastH = memo.avgHlist[i-1];
+
memo.axisMaxDate = new Date( memo.obsMaxCompDateMs );
 +
memo.axisMaxDate.setMonth( memo.axisMaxDate.getMonth()+1 );
 +
memo.axisMaxDate.setDate(0);
  
−
for ( var ix=(i+1); ix < memo.avgMlist.length; ix++ ) {
+
memo.seasonsO = {};
 +
memo.seasonsA = [];
  
−
if ( memo.avgMlist[ix] !== null ) {
+
for (var o in memo.obsesA) {  
  
−
memo.avgMlist[i] = lastM + (memo.avgMlist[ix]-lastM) / (ix-i+1);
+
s = memo.obsesA[o].seriesId;
−
memo.avgLlist[i] = lastL + (memo.avgLlist[ix]-lastL) / (ix-i+1);  
+
if (typeof memo.seasonsO[s] == 'undefined' ) { memo.seasonsO[s] = { 'obses': [] }; }
−
memo.avgHlist[i] = lastH + (memo.avgHlist[ix]-lastH) / (ix-i+1);  
+
memo.seasonsO[s].obses.push( memo.obsesA[o] );
 +
}
  
−
break;
+
for (var o in memo.seasonsO) { memo.seasonsA.push(o); } memo.seasonsA.sort( function(a,b) { return b-a; } );
−
}
 
−
}
 
−
}
 
−
}
 
  
−
//console.log(memo.avgMlist);
+
// create cols for each series
 +
var sc = 0;
 +
 +
 +
for (var s in memo.seasonsA) {
  
−
// if full year
+
// data
−
if ( memo.avgMlist.length >= 52 ) {
+
if ( memo.season == 'summer' ) {
−
 
+
memo.data.addColumn( 'number', memo.seasonsA[s].toString() );
−
memo.avgMlist = memo.avgMlist.slice( memo.avgMlist.length - memo.gSmoothing/2 - 2 ).concat( memo.avgMlist ).concat( memo.avgMlist.slice( 0, memo.gSmoothing/2 + 2 ) );
+
} else {
−
memo.avgLlist = memo.avgLlist.slice( memo.avgLlist.length - memo.gSmoothing/2 - 2 ).concat( memo.avgLlist ).concat( memo.avgLlist.slice( 0, memo.gSmoothing/2 + 2 ) );
+
memo.data.addColumn( 'number', memo.seasonsA[s].toString() + '-' + (parseInt(memo.seasonsA[s])+1).toString() );
−
memo.avgHlist = memo.avgHlist.slice( memo.avgHlist.length - memo.gSmoothing/2 - 2 ).concat( memo.avgHlist ).concat( memo.avgHlist.slice( 0, memo.gSmoothing/2 + 2 ) );
+
}
 +
// style
 +
memo.data.addColumn( { type: 'string', role: 'style' } );
 +
// tooltip
 +
memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );
 +
// annotation
 +
memo.data.addColumn( { type: 'string', role: 'annotation' } );
  
 +
// add to series
 +
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 };
 
} else {
 
} else {
 +
if ( memo.obscode == 'secchi' ) {
 +
//console.log('secchi');
 +
memo.options.series[sc++] = { type: 'area', curveType: 'function', color: colors['curObses'], pointSize: 3, lineWidth: 4, visibleInLegend: true, hideThis: false, origSize: 10 };
 +
} else {
 +
memo.options.series[sc++] = { type: 'scatter', curveType: 'function', color: colors['curObses'], XpointSize: 3, lineWidth: 4, visibleInLegend: true, hideThis: false, origSize: 10 };
 +
}
 +
}
 +
} else {
 +
memo.options.series[sc++] = { type: 'scatter', curveType: 'function', color: colors['obses'], XpointSize: 5, lineWidth: 0, visibleInLegend: false, hideThis: true, origSize: 5 };
 +
}
 +
}
  
−
for (var x=0; x < ( memo.gSmoothing/2 + 3 ); x++) {
+
// 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 };
  
−
if ( memo.obscode == 'secchi' ) {
+
// series for average
−
prev = Math.max ( memo.avgMlist[0], 0 );
+
memo.data.addColumn( 'number', i18n['average'][memo.lang] );
−
next = Math.max ( memo.avgMlist[memo.avgMlist.length-1], 0 );
+
if ( i18n[memo.obscode].trend.layout == 'area') {
−
} else {
+
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' };
−
prev = Math.max ( 2 * memo.avgMlist[0] - memo.avgMlist[1], 0 );
+
} else {
−
next = Math.max ( 2 * memo.avgMlist[memo.avgMlist.length-1] - memo.avgMlist[memo.avgMlist.length-2], 0 );
+
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.data.addColumn( { id: 'dev', type: 'number', role: 'interval' } );
 +
memo.data.addColumn( { id: 'dev', type: 'number', role: 'interval' } );
  
−
memo.avgMlist.unshift( prev );
+
if ( memo.seasonsA.length == 1 && memo.seasonsA[0] == memo.curSeason  ) {
−
memo.avgMlist.push( next );
+
memo.options.series[ sc-1 ].lineWidth = 0;
 +
memo.options.series[ sc-1 ].pointSize = 0;
 +
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 };
  
−
memo.avgLlist.unshift( prev - 2 * devAvg );
+
// do average
−
memo.avgLlist.push( next - 2 * devAvg );
+
if (memo.trendType == 'gaussian') {
  
−
memo.avgHlist.unshift( prev + 2 * devAvg );
+
memo.gSmoothing = 4;
−
memo.avgHlist.push( next + 2 * devAvg );
+
if ( i18n[memo.obscode]['type'] == 'cat') {
 +
memo.distF = 0.1;
 +
} else {
 +
memo.distF = 0;
 +
}
  
 +
// sort according to compare date
 +
memo.obsesA.sort( function( a, b ) { return a.compareDate - b.compareDate; });
  
−
}
+
// make week averages
 +
memo.avgW = {};
 +
for (var o in memo.obsesA) {
  
−
}
+
mwDate = new Date( memo.obsesA[o].compareDate.getFullYear(), memo.obsesA[o].compareDate.getMonth(), memo.obsesA[o].compareDate.getDate() );
 +
y = mwDate.getFullYear();
 +
w = mwDate.getWeek();
 +
v = memo.obsesA[o].value + memo.distF*Math.random() - memo.distF*Math.random();
  
−
memo.avgMsmooth = smooth( memo.avgMlist, memo.gSmoothing );
+
if ( typeof memo.avgW[y] == 'undefined' ) { memo.avgW[y] = {}; }
−
memo.avgLsmooth = smooth( memo.avgLlist, memo.gSmoothing );
 
−
memo.avgHsmooth = smooth( memo.avgHlist, memo.gSmoothing );
 
  
 +
if ( typeof memo.avgW[y][w] == 'undefined' ) { 
 +
mwDate.setDate( mwDate.getDate() - mwDate.getDay() + 3 )
 +
memo.avgW[y][w] = { cDate: mwDate, values: [ v ], sum: v, count: 1, avg: v };
 +
} else {
 +
memo.avgW[y][w].values.push( v );
 +
memo.avgW[y][w].sum += v;
 +
memo.avgW[y][w].count++;
 +
memo.avgW[y][w].avg = memo.avgW[y][w].sum / memo.avgW[y][w].count;
 +
}
 +
}
 +
 +
// calculate standard deviation
 +
devSum = 0;
 +
devC = 0;
 +
devMax = 0;
 +
for ( var y in memo.avgW ) {
 +
for ( var w in memo.avgW[y] ) {
 +
devC++;
 +
devx = 0;
 +
for (var vi in memo.avgW[y][w].values ) {
 +
devx += Math.pow( (memo.avgW[y][w].values[vi] - memo.avgW[y][w].avg), 2 );
 +
}
 +
memo.avgW[y][w].dev = Math.sqrt( devx/memo.avgW[y][w].count );
 +
devSum += memo.avgW[y][w].dev;
 +
devMax = Math.max( memo.avgW[y][w].dev, devMax );
 +
}
 +
}
  
−
//console.log(memo.avgMlist);
+
devAvg = devSum/devC;
−
//console.log(memo.avgLsmooth);
 
  
−
cc = memo.data.getNumberOfColumns();
+
for ( var y in memo.avgW ) {
 +
for ( var w in memo.avgW[y] ) {
 +
if ( memo.avgW[y][w].count < 5 ) {
 +
//memo.avgW[y][w].dev = Math.max( memo.avgW[y][w].dev, devAvg );
 +
}
 +
}
 +
}
  
−
msW = 7*24*60*60*1000;
+
memo.avgWlist = [];
  
−
for ( var i=0; i < ( memo.avgMsmooth.length ); i++ ) {
+
for ( var y in memo.avgW ) {
 +
for ( var w in memo.avgW[y] ) {
 +
memo.avgWlist.push( { y: parseInt(y), w: parseInt(w), avg: memo.avgW[y][w].avg, dev: memo.avgW[y][w].dev } );
 +
}
 +
}
  
−
// put data into dataArr
+
memo.avgWlist.sort( function(a, b) { return (a.y*100+a.w) - (b.y*100+b.w); });
−
dataRow = [];
+
firstY = memo.avgWlist[0].y;
−
for (var e=0; e<cc; e++) { dataRow.push( null ); }
+
firstW = memo.avgWlist[0].w;
 +
lastY = memo.avgWlist[memo.avgWlist.length-1].y;
 +
lastW = memo.avgWlist[memo.avgWlist.length-1].w;
  
−
dataRow[0] = new Date( memo.avgW[firstY][firstW].cDate.getTime() + (i - 1)*msW );
+
memo.avgMlist = [];
 +
memo.avgLlist = [];
 +
memo.avgHlist = [];
  
−
//dataRow[cc-4] = memo.avgMlist[i];
+
for ( var y=firstY; y<=lastY; y++ ) {
  
−
dataRow[cc-4] = memo.avgMsmooth[i];
+
if ( y == firstY ) { w1 = firstW; }
−
dataRow[cc-3] = memo.avgLsmooth[i];
+
else { w1 = 1; }
−
dataRow[cc-2] = memo.avgHsmooth[i];
 
  
−
//dataRow[cc-3] = Math.min( memo.avgLsmooth[i], memo.avgMlist[i+memo.gSmoothing/2+2] );
+
if ( y == lastY ) { w2 = lastW; }
−
//dataRow[cc-2] = Math.max( memo.avgHsmooth[i], memo.avgMlist[i+1] );
+
else { w2 = 52; }
  
−
memo.dataA.push( dataRow );
+
for ( var w=w1; w<=w2; w++) {
−
}
 
  
−
memo.options.intervals = { 'style':'area' };
+
//console.log( y + '/' + w );
  
 +
if ( typeof(memo.avgW[y][w]) == 'undefined' ) {
  
−
//console.log(memo.dataA);
+
memo.avgMlist.push( null );
 +
memo.avgLlist.push( null );
 +
memo.avgHlist.push( null );
  
−
} else if (memo.trendType == 'moving') {
 
  
−
//
+
} else {
−
}
+
memo.avgMlist.push( memo.avgW[y][w].avg );
  
−
// add data to table
+
if ( memo.avgW[y][w].count < 2 ) {
−
cc = memo.data.getNumberOfColumns();
+
d = Math.max( devMax, memo.avgW[y][w].dev );
−
for (var s in memo.seasonsA) {
+
} else if ( memo.avgW[y][w].count < 4 ) {
 +
d = Math.max( devAvg, memo.avgW[y][w].dev );
 +
} else {  
 +
d = memo.avgW[y][w].dev;
 +
}
  
−
for (var o in memo.seasonsO[memo.seasonsA[s]].obses) {
+
if ( i18n[memo.obscode].type == 'cat' && ( memo.avgW[y][w].avg - 2*memo.avgW[y][w].dev ) < -memo.distF ) {
−
 
+
memo.avgLlist.push( -memo.distF*Math.random()*2 );
−
obs = memo.seasonsO[memo.seasonsA[s]].obses[o];
+
} else {
−
 
+
memo.avgLlist.push( memo.avgW[y][w].avg - 2*d ); //memo.avgW[y][w].dev );
−
dataRow = [];
+
}
  
−
// fill row with nulls
+
memo.avgHlist.push( memo.avgW[y][w].avg + 2*d ); //memo.avgW[y][w].dev );
−
for (var i=0; i<cc; i++) { dataRow.push( null ); }
 
−
 
 
−
// x axis value
 
−
dataRow[0] = obs.compareDate;
 
−
 
 
−
// data for series cols
 
−
if ( memo.seasonsA[s] == memo.curSeason ) {
 
−
dataRow[s*4+1] = obs.value;
 
−
} else {
 
−
dataRow[s*4+1] = obs.value + memo.distF*Math.random() - memo.distF*Math.random();
 
 
}
 
}
−
dataRow[s*4+2] = obs.style;
 
−
dataRow[s*4+3] = obs.popup;
 
−
dataRow[s*4+4] = null; //annotation
 
−
 
−
memo.dataA.push( dataRow );
 
−
 
 
}
 
}
 +
}
  
−
}
+
//console.log(memo.avgLlist);
  
−
// make ticks for x axis
+
for ( var i=0; i<memo.avgMlist.length; i++ ) {
  
−
var minM = memo.axisMinDate.getMonth();
+
if ( memo.avgMlist[i] === null ) {
−
var minY = memo.axisMinDate.getFullYear();
 
−
var maxM = memo.axisMaxDate.getMonth();
 
  
−
if (maxM < minM) {
+
lastM = memo.avgMlist[i-1];
−
mCount = 13 - minM + maxM; // 13-10+4 = 1+4
+
lastL = memo.avgLlist[i-1];
−
} else {
+
lastH = memo.avgHlist[i-1];
−
mCount = maxM - minM + 1;
 
−
}
 
  
−
memo.options.hAxis.viewWindow.min = memo.axisMinDate;
+
for ( var ix=(i+1); ix < memo.avgMlist.length; ix++ ) {
−
memo.options.hAxis.viewWindow.max = memo.axisMaxDate;
 
−
memo.options.hAxis.ticks = [];
 
  
−
for (i=0; i<mCount; i++) {
+
if ( memo.avgMlist[ix] !== null ) {
  
−
m = minM + i;
+
memo.avgMlist[i] = lastM + (memo.avgMlist[ix]-lastM) / (ix-i+1);  
−
maxY = minY;
+
memo.avgLlist[i] = lastL + (memo.avgLlist[ix]-lastL) / (ix-i+1);
 +
memo.avgHlist[i] = lastH + (memo.avgHlist[ix]-lastH) / (ix-i+1);  
  
−
if (m > 11) {
+
break;
−
m = minM + i - 12;
+
}
−
maxY++;
+
}
−
}
+
}
−
 
 
−
middleOfMonth = new Date( maxY, m, 16 );
 
−
 
 
−
if (mCount < 5) {
 
−
memo.options.hAxis.ticks.push({v: middleOfMonth, f: i18n.months[m]['long'][memo.lang] });
 
−
} else if ( mCount < 10 ) {
 
−
memo.options.hAxis.ticks.push({v: middleOfMonth, f: i18n.months[m]['short'][memo.lang] });
 
−
} else {
 
−
memo.options.hAxis.ticks.push({v: middleOfMonth, f: i18n.months[m]['roman'] });
 
−
}
 
 
}
 
}
  
−
drawChart(memo);
+
if ( memo.avgMlist.length >= 52 ) {
−
 
 
−
}
 
  
 +
memo.avgMlist = memo.avgMlist.slice( memo.avgMlist.length - memo.gSmoothing/2 - 2 ).concat( memo.avgMlist ).concat( memo.avgMlist.slice( 0, memo.gSmoothing/2 + 2 ) );
 +
memo.avgLlist = memo.avgLlist.slice( memo.avgLlist.length - memo.gSmoothing/2 - 2 ).concat( memo.avgLlist ).concat( memo.avgLlist.slice( 0, memo.gSmoothing/2 + 2 ) );
 +
memo.avgHlist = memo.avgHlist.slice( memo.avgHlist.length - memo.gSmoothing/2 - 2 ).concat( memo.avgHlist ).concat( memo.avgHlist.slice( 0, memo.gSmoothing/2 + 2 ) );
  
−
function drawChart(memo) {
+
//console.log( memo.avgMlist );
  
−
if (memo.dataA.length > 0) {
+
} else {
−
 
 
−
memo.data.addRows(memo.dataA);
 
−
 
 
−
memo.chart = new google.visualization.ComboChart( memo.chartEl[0] );        // document.getElementById(memo.id)        
 
  
−
//doResize();
+
for (var x=0; x < ( memo.gSmoothing/2 + 3 ); x++) {
−
 
 
−
memo.fullscreenEl.fadeIn( "slow" );
 
−
memo.downloadEl.fadeIn( "slow" );
 
−
 
 
−
memo.selectedCol = 0;
 
−
google.visualization.events.addListener( memo.chart, 'select', function () {
 
−
 
 
−
var selection = memo.chart.getSelection();
 
−
 
 
−
if (selection.length > 0) {
 
−
 
 
−
var col = selection[0].column;
 
−
 
 
−
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;
 
−
}
 
−
}
 
−
 
 
−
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;
 
−
}
 
  
 +
if ( memo.obscode == 'secchi' ) {
 +
prev = Math.max ( memo.avgMlist[0], 0 );
 +
next = Math.max ( memo.avgMlist[memo.avgMlist.length-1], 0 );
 
} else {
 
} else {
−
 
+
prev = Math.max ( 2 * memo.avgMlist[0] - memo.avgMlist[1], 0 );
−
memo.selectedCol = 0;
+
next = Math.max ( 2 * memo.avgMlist[memo.avgMlist.length-1] - memo.avgMlist[memo.avgMlist.length-2], 0 );
−
 
 
−
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;
 
−
}
 
−
}
 
−
 
 
 
}
 
}
  
−
//doResize();
+
memo.avgMlist.unshift( prev );
 +
memo.avgMlist.push( next );
  
−
});
+
memo.avgLlist.unshift( prev - 2 * devAvg );
 +
memo.avgLlist.push( next - 2 * devAvg );
  
−
memo.editEl.on( 'click', function() {
+
memo.avgHlist.unshift( prev + 2 * devAvg );
 +
memo.avgHlist.push( next + 2 * devAvg );
 +
}
  
−
window.location.href = memo.editUrl;
+
}
−
 
−
});
 
−
 
−
memo.fullscreenEl.on( 'click', function() {
 
  
−
var elem = memo.widgetEl[0];
+
memo.avgMsmooth = smooth( memo.avgMlist, memo.gSmoothing );
 +
memo.avgLsmooth = smooth( memo.avgLlist, memo.gSmoothing );
 +
memo.avgHsmooth = smooth( memo.avgHlist, memo.gSmoothing );
  
−
if (!!document.fullscreenElement) {
+
cc = memo.data.getNumberOfColumns();
  
−
//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 }};
+
msW = 7*24*60*60*1000;
  
−
if (document.exitFullscreen) {
+
for ( var i=0; i < ( memo.avgMsmooth.length ); i++ ) {
−
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>' );
+
// put data into dataArr
 +
dataRow = [];
 +
for (var e=0; e<cc; e++) { dataRow.push( null ); }
 +
 +
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.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];
  
−
} else {
+
memo.dataA.push( dataRow );
 +
}
 +
 +
} else if (memo.trendType == 'moving') {
  
−
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>' );
+
// add data to table
 +
cc = memo.data.getNumberOfColumns();
  
−
}
+
for (var s in memo.seasonsA) {
 +
 +
//console.log( s );
  
−
//doResize();
+
for (var o in memo.seasonsO[memo.seasonsA[s]].obses) {
−
});
 
  
−
memo.downloadEl.on( 'click', function() {
+
obs = memo.seasonsO[memo.seasonsA[s]].obses[o];
  
−
var header = '';
+
dataRow = [];
−
header += '\uFEFF'; // BOM
 
−
var csv = '';
 
−
//csv += '\r\nsep=,\r\n';
 
  
−
var headerCols = [];
+
// fill row with nulls
−
var csvCols = [];
+
for (var i=0; i<cc; i++) { dataRow.push( null ); }
  
−
if ( i18n[memo.obscode].type == 'num' ) {
+
// x axis value
 +
dataRow[0] = obs.compareDate;
  
−
//headerCols.push( i18n[ 'Date' ][ memo.lang ] );
+
// data for series cols
−
//headerCols.push( i18n[ 'Date' ][ memo.lang ] );
+
if ( memo.seasonsA[s] == memo.curSeason ) {
−
headerCols.push( '"' + i18n[memo.obscode].axisTitleV[memo.lang] + '"' );
+
dataRow[s*4+1] = obs.value;
−
headerCols.push( 'Lisätiedot' );
+
} else {
−
headerCols.push( 'Valokuva' );
+
//console.log( memo.distF );
−
headerCols.push( 'Havainnoijan status' );
+
dataRow[s*4+1] = obs.value + memo.distF*Math.random() - memo.distF*Math.random();
 +
}
 +
dataRow[s*4+2] = obs.style;
 +
dataRow[s*4+3] = obs.popup;
 +
 +
if ( ( today.getTime() - obs.compareDate.getTime() < 10*24*60*60*1000 ) && s == 0 && o == ( memo.seasonsO[memo.seasonsA[s]].obses.length - 1 ) ) {
 +
 +
//var diff = obs.value - memo.avgW[ obs.compareDate.getFullYear() ][ obs.compareDate.getWeek() ].avg;
 +
//var diff = Math.round( diff*100 );
 +
//var diffStr = diff.toString() + ' cm';
 +
//if ( diff > 0 ) { diffStr = '+' + diffStr; }
  
−
header += headerCols.join( i18n['sep'][memo.lang] );
+
dataRow[s*4+4] = null; //diffStr; //annotation
 +
} else {
 +
dataRow[s*4+4] = null; //annotation
 +
}
  
−
for ( var o in memo.obses ) {
+
memo.dataA.push( dataRow );
  
−
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 ) {
+
// make ticks for x axis
−
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] ) + '"' );
+
var minM = memo.axisMinDate.getMonth();
−
csvCols.push( memo.obses[o].addInfo );
+
var minY = memo.axisMinDate.getFullYear();
−
csvCols.push( '' );
+
var maxM = memo.axisMaxDate.getMonth();
−
csvCols.push( memo.obses[o].maintainer );
 
  
−
csv += '\r\n' + csvCols.join( i18n['sep'][memo.lang] );
+
if (maxM < minM) {
 +
mCount = 13 - minM + maxM; // 13-10+4 = 1+4
 +
} else {
 +
mCount = maxM - minM + 1;
 +
}
  
−
}
+
memo.options.hAxis.viewWindow.min = memo.axisMinDate;
 +
memo.options.hAxis.viewWindow.max = memo.axisMaxDate;
 +
memo.options.hAxis.ticks = [];
  
 +
for (i=0; i<mCount; i++) {
  
−
} else if ( i18n[memo.obscode].type == 'date' ) {
+
m = minM + i;
 +
maxY = minY;
  
−
if ( i18n[memo.obscode].season == 'winter' ) {
+
if (m > 11) {  
−
header += i18n[ 'season' ][ i18n[memo.obscode].season ][ memo.lang ];
+
m = minM + i - 12;
−
} else {
+
maxY++;
−
header += i18n[ 'year' ][ memo.lang ];
+
}
−
}
 
  
−
header += ';' + i18n[ 'Observation' ][ memo.lang ];
+
middleOfMonth = new Date( maxY, m, 16 );
−
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 ) {
+
if (mCount < 5) {
 +
memo.options.hAxis.ticks.push({v: middleOfMonth, f: i18n.months[m]['long'][memo.lang] });
 +
} else if ( mCount < 10 ) {  
 +
memo.options.hAxis.ticks.push({v: middleOfMonth, f: i18n.months[m]['short'][memo.lang] });
 +
} else {
 +
memo.options.hAxis.ticks.push({v: middleOfMonth, f: i18n.months[m]['roman'] });
 +
}
 +
}
  
−
for ( var o in memo.seriesA[ s ].obses ) {
+
drawChart(memo);
−
 
−
obs = memo.seriesA[ s ].obses[ o ];
 
  
−
csv += '\r\n';
+
}
  
−
csv += obs.season + '-' + (obs.season+1);
+
function drawChart(memo) {
 +
 +
memo.loaderEl.fadeOut( "slow", function() { memo.loaderEl.remove(); } );
  
−
csv += ';' + i18n[ memo.seriesA[ s ].id ].title[ memo.lang ];
+
if (memo.dataA.length > 0) {
−
 
−
csv += ';' + obs.value;
 
−
csv += ';' + obs.valueUnit;
 
  
−
csv += ';' + obs.addInfo;
+
memo.data.addRows(memo.dataA);
−
csv += ';';
 
−
csv += ';' + obs.maintainer;
 
  
−
}
+
if ( typeof memo.chart == 'undefined' ) {
 +
memo.chart = new google.visualization.ComboChart( memo.chartEl[0] );        // document.getElementById(memo.id)        
 +
}
  
−
}
+
//doResize();
  
−
} else if ( i18n[memo.obscode].type == 'cat' ) {
+
memo.fullscreenEl.fadeIn( "slow" );
 +
if ( memo.download) { memo.downloadEl.fadeIn( "slow" ); }
  
−
header += 'Päivämäärä';
+
memo.selectedCol = 0;
−
header += ';' + 'Kellonaika';
+
google.visualization.events.addListener( memo.chart, 'select', function () {
−
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 selection = memo.chart.getSelection();
  
−
csv += '\r\n';
+
if (selection.length > 0) {
  
−
csv += memo.obses[o].obsdatetime.toLocaleDateString(); //.toISOString();
+
var col = selection[0].column;
−
 
 
−
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;
 
  
 +
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;
 
}
 
}
 +
}
  
 +
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;
 
}
 
}
  
−
csv = header + csv;
+
} else {
−
//console.log( csv );
 
−
var exportedFilename = memo.csvfile;
 
  
−
var blob = new Blob( [csv], { type: 'text/csv;charset=utf-16LE;' });
+
memo.selectedCol = 0;
−
if (navigator.msSaveBlob) { // IE 10+
+
 
−
navigator.msSaveBlob(blob, exportedFilename);
+
for (var c in memo.options.series) {
−
} else {
+
if (memo.options.series[c].hideThis) {
−
var link = document.createElement("a");
+
memo.options.series[c].lineWidth = 0;
−
if (link.download !== undefined) { // feature detection
+
//memo.options.series[c].pointSize = memo.options.series[c].origSize;
−
    // Browsers that support HTML5 download attribute
+
memo.options.series[c].color = colors['obses'];
−
    var url = URL.createObjectURL(blob);
+
memo.options.series[c].visibleInLegend = false;
−
    link.setAttribute("href", url);
 
−
    link.setAttribute("download", exportedFilename);
 
−
    link.style.visibility = 'hidden';
 
−
    document.body.appendChild(link);
 
−
    link.click();
 
−
    document.body.removeChild(link);
 
 
}
 
}
 
}
 
}
  
 +
}
  
−
});  
+
doResize( memo );
  
 +
});
  
−
jQuery( window ).resize(function() {
 
  
−
setTimeout( doResize, 100 );
+
} else {
  
−
});
+
jQuery( jQuery( document.getElementById(memo.id) ) ).hide();
  
−
function doResize() {
+
}
−
 
−
memo.margins = { top: 10, right: 10, bottom: 80, left: 80 };
 
  
−
var w = memo.chartEl.width();
+
doResize( memo );
−
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 );
 
−
var t = Math.max( memo.margins.top, 0.02*h );
 
−
var b = Math.max( memo.margins.bottom, 0.15*h );
 
  
−
if (!!document.fullscreenElement) {
+
}
−
//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 }};
+
−
} else {
+
var doResize = function( memo ) {
−
//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 }};
+
−
}
+
function wait() {
−
//memo.options.chartArea = { top: t, left: l, width: (w - l - r), height: (h - t - b), backgroundColor: { fill: '#daf0fa', stroke: '#fff', strokeWidth: 6 }};
+
−
memo.options.chartArea = { top: t, left: l, width: (w - l - r), height: (h - t - b), backgroundColor: { fill: '#fff', stroke: '#eee', strokeWidth: 4 }};
+
//console.log( memo );
−
 
+
−
//console.log( memo.options );
+
var w = memo.chartEl.width();
−
 
+
var h = memo.chartEl.height();
−
memo.chart.draw( memo.data, memo.options );
+
 +
//console.log( w );
 +
 +
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 ) {
 +
 +
memo.oldW = w; memo.oldH = h;
  
−
// hide every second vaxis gridline on cat charts
+
memo.margins = { top: 10, right: 10, bottom: 80, left: 80 };
−
if ( i18n[memo.obscode]['type'] == 'cat') {
 
−
var glc = 0;
 
−
jQuery( document.getElementById(memo.id) ).find( 'rect[height="1"]' ).each( function() {
 
−
if ( ( glc++ % 2 ) == 0 ) {
 
−
jQuery( this ).attr( 'fill', 'none' ); 
 
−
}
 
−
});
 
−
}
 
  
−
// add dash to trendlines
+
var w = memo.chartEl.width();
−
jQuery( document.getElementById(memo.id) ).find( 'path[stroke-width="2.33"]' ).each( function() {
+
var h = memo.chartEl.height();
−
jQuery( this ).attr('stroke-dasharray', '5, 5');
 
−
});
 
  
−
// move current observations to top
+
var l = Math.max( memo.margins.left, 0.1*w );
−
gEl = jQuery( document.getElementById(memo.id) ).find( 'svg' ).append( 'g' );
+
var r = Math.max( memo.margins.right, 0.02*w );
 +
var t = Math.max( memo.margins.top, 0.02*h );
 +
var b = Math.max( memo.margins.bottom, 0.15*h );
  
−
//jQuery( document.getElementById(memo.id) ).find( 'circle[stroke-width="3"]' ).detach().appendTo( gEl );
+
memo.options.chartArea = { top: t, left: l, width: (w - l - r), height: (h - t - b), backgroundColor: { fill: '#fff', stroke: '#eee', strokeWidth: 4 }};
−
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 ) ); });
+
memo.chart.draw( memo.data, memo.options );
−
//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 ) ); });
 
  
 +
// hide every second vaxis gridline on cat charts
 +
if ( i18n[memo.obscode]['type'] == 'cat') {
 +
var glc = 0;
 +
jQuery( document.getElementById(memo.id) ).find( 'rect[height="1"]' ).each( function() {
 +
if ( ( glc++ % 2 ) == 0 ) {
 +
jQuery( this ).attr( 'fill', 'none' ); 
 +
}
 +
});
 
}
 
}
  
−
} else {
+
// add dash to trendlines
 +
jQuery( document.getElementById(memo.id) ).find( 'path[stroke-width="2.33"]' ).each( function() {
 +
jQuery( this ).attr('stroke-dasharray', '5, 5');
 +
});
  
−
jQuery( jQuery( document.getElementById(memo.id) ) ).hide();
+
// move current observations to top
 +
gEl = jQuery( document.getElementById(memo.id) ).find( 'svg' ).append( 'g' );
 +
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 ) ); });
  
−
}
+
}
 +
}
 +
//wait();
 +
if ( typeof memo.chartEl != 'undefined' ) {
 +
setTimeout( wait, 500 );
 +
}
  
−
doResize();
+
}
 +
window.jwobschartresize = doResize;
  
 +
function smooth( list, degree ) {
 +
var win = degree*2-1;
 +
weight = _.range(0, win).map(function (x) { return 1.0; });
 +
weightGauss = [];
 +
for (i in _.range(0, win)) {
 +
i = i-degree+1;
 +
frac = i/win;
 +
gauss = 1 / Math.exp((4*(frac))*(4*(frac)));
 +
weightGauss.push(gauss);
 
}
 
}
−
 
+
weight = _(weightGauss).zip(weight).map(function (x) { return x[0]*x[1]; });
−
function smooth( list, degree ) {
+
smoothed = _.range(0, (list.length+1)-win).map(function (x) { return 0.0; });
−
var win = degree*2-1;
+
for (i=0; i < smoothed.length; i++) {
−
weight = _.range(0, win).map(function (x) { return 1.0; });
+
smoothed[i] = _(list.slice(i, i+win)).zip(weight).map(function (x) { return x[0]*x[1]; }).reduce(function (memo, num){ return memo + num; }, 0) / _(weight).reduce(function (memo, num){ return memo + num; }, 0);
−
weightGauss = [];
 
−
for (i in _.range(0, win)) {
 
−
i = i-degree+1;
 
−
frac = i/win;
 
−
gauss = 1 / Math.exp((4*(frac))*(4*(frac)));
 
−
weightGauss.push(gauss);
 
−
}
 
−
weight = _(weightGauss).zip(weight).map(function (x) { return x[0]*x[1]; });
 
−
smoothed = _.range(0, (list.length+1)-win).map(function (x) { return 0.0; });
 
−
for (i=0; i < smoothed.length; i++) {
 
−
smoothed[i] = _(list.slice(i, i+win)).zip(weight).map(function (x) { return x[0]*x[1]; }).reduce(function (memo, num){ return memo + num; }, 0) / _(weight).reduce(function (memo, num){ return memo + num; }, 0);
 
−
}
 
−
return smoothed;
 
 
}
 
}
 +
return smoothed;
 +
}
  
−
function dec2hex( dec, padding ) {
+
function dec2hex( dec, padding ) {
−
return parseInt( dec, 10 ).toString( 16 ).padStart( padding, '0' );
+
return parseInt( dec, 10 ).toString( 16 ).padStart( padding, '0' );
−
}
+
}
  
−
function utf8StringToUtf16String( str ) {
+
function utf8StringToUtf16String( str ) {
−
var utf16 = [];
+
var utf16 = [];
−
for (var i=0, strLen=str.length; i < strLen; i++) {
+
for (var i=0, strLen=str.length; i < strLen; i++) {
−
utf16.push(dec2hex(str.charCodeAt(i), 4));
+
utf16.push(dec2hex(str.charCodeAt(i), 4));
−
}
 
−
return utf16.join();
 
 
}
 
}
 +
return utf16.join();
 +
}
  
−
Date.prototype.getWeek = function() {
+
Date.prototype.getWeek = function() {
−
  var date = new Date(this.getTime());
+
  var date = new Date(this.getTime());
−
  date.setHours(0, 0, 0, 0);
+
  date.setHours(0, 0, 0, 0);
−
  // Thursday in current week decides the year.
+
  // Thursday in current week decides the year.
−
  date.setDate(date.getDate() + 3 - (date.getDay() + 6) % 7);
+
  date.setDate(date.getDate() + 3 - (date.getDay() + 6) % 7);
−
  // January 4 is always in week 1.
+
  // January 4 is always in week 1.
−
  var week1 = new Date(date.getFullYear(), 0, 4);
+
  var week1 = new Date(date.getFullYear(), 0, 4);
−
  // Adjust to Thursday in week 1 and count number of weeks from date to week1.
+
  // 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);
−
}
+
}
  
−
var maintColors = { 'authority': '#bb1111', 'expert': '#ff9933', 'experienced': '#666666', 'user': '#aaaaaa'};
+
var maintColors = { 'authority': '#bb1111', 'expert': '#ff9933', 'experienced': '#666666', 'user': '#aaaaaa'};
  
−
var seriesC = [ 'lightgray', '#3366cc', 'orange' ];
+
var seriesC = [ 'lightgray', '#3366cc', 'orange' ];
  
−
var colors = { 'average': 'BurlyWood', 'trend': '#ff4500', 'obses': 'lightgray', 'curObses': '#3366cc', 'selObses': 'gold', 'noticeObses': 'tan'  };
+
var colors = { 'average': 'BurlyWood', 'trend': '#ff4500', 'obses': 'lightgray', 'curObses': '#3366cc', 'selObses': 'gold', 'noticeObses': 'tan'  };
  
−
var i18n = {  
+
var i18n = {  
−
'download': { 'fi': 'Lataa csv-muodossa', 'en': 'Download in csv format', 'sv': 'Ladda ner i csv-format' },
+
'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' },
+
'fullscreen': { 'fi': 'Ota käyttöön/poista kokoruututila', 'en': 'Toggle fullscreen mode', 'sv': 'Växla helskärmsläge' },
−
'edit': { 'fi': 'Lisää/muokkaa havaintoja', 'en': 'Add/edit observations', 'sv': 'Lägg till/redigera observationer' },
+
'edit': { 'fi': 'Lisää/muokkaa havaintoja', 'en': 'Add/edit observations', 'sv': 'Lägg till/redigera observationer' },
−
'season': { 'winter': { 'fi': 'Talvi', 'en': 'Winter', 'sv': 'Vintern' } },
+
'season': { 'winter': { 'fi': 'Talvi', 'en': 'Winter', 'sv': 'Vintern' } },
−
'dec': { 'fi': ',', 'en': '.', 'sv': ',' },
+
'dec': { 'fi': ',', 'en': '.', 'sv': ',' },
−
'sep': { 'fi':  '\t', 'en': ' ', 'sv': ' ' },
+
'sep': { 'fi':  ';', 'en': ';', 'sv': ';' },
−
'alg': {
+
'obs': {  
−
'type': 'cat',
+
'type': 'num',
−
'min': -0.5,
+
'season': 'summer',
−
'season': 'summer',
+
'trend': { 'type': 'gaussian', 'layout': 'line' },
−
'trend': { 'type': 'gaussian', 'layout': 'line' },
+
'title': { 'fi': '', 'en': '', 'sv': '', 'ru': '' },
−
'title': { 'fi': 'Sinilevätilanne', 'en': 'XX', 'sv': 'Xxx', 'ru': '???' },
+
'unit': '',
−
'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' } },
+
'axisTitleV': { 'fi': '', 'en': '', 'sv': '', 'ru': '' }
−
'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' } },
+
},
−
'unit': '',
+
'alg': {
−
'axisTitleV': { 'fi': '', 'en': '', 'sv': '', 'ru': '' }
+
'type': 'cat',
 +
'min': -0.5,
 +
'season': 'summer',
 +
'trend': { 'type': 'gaussian', 'layout': 'line' },
 +
'title': { 'fi': 'Sinilevätilanne', 'en': 'XX', 'sv': 'Xxx', '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' } },
 +
'unit': '',
 +
'axisTitleV': { 'fi': '', 'en': '', 'sv': '', 'ru': '' }
 +
},
 +
'temp': {
 +
'type': 'num',
 +
'season': 'summer',
 +
'min': 0,
 +
'trend': { 'type': 'gaussian', 'layout': 'line' },
 +
'title': { 'fi': 'Pintaveden lämpötila', 'en': 'Surface water termperature', 'sv': 'Ytvattentemperatur', 'ru': '???' },
 +
'unit': '°C',
 +
'axisTitleV': { 'fi': 'Lämpötila, °C', 'en': 'Temperature, °C', 'sv': 'Temperatur, °C', 'ru': '°C' }
 +
},
 +
'ice': {
 +
'catName': 'Jäätilanne',
 +
'type': 'num',
 +
'season': 'winter',
 +
'min': 0,
 +
//'direction': -1,
 +
'trend': { 'type': 'gaussian', 'layout': 'line' },
 +
'title': { 'fi': 'Jään paksuus', 'en': 'Ice thickness', 'sv': 'Isens tjocklek', 'ru': '???' },
 +
'unit': 'cm',
 +
'axisTitleV': { 'fi': 'Jääpeite, cm', 'en': 'Ice cover, cm', 'sv': 'Istäcket, cm', 'ru': 'm' }
 +
},
 +
'ice_cat': {
 +
'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_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_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': '' },
 +
'color': '#c1e7f7',
 +
'unit': { 'fi': 'päivää', 'en': 'days', 'sv': 'dagar', 'ru': '' },
 +
'axisTitleV': { 'fi': '', 'en': '', 'sv': '', 'ru': '' },
 +
'xchanges': {
 +
'fi': '',
 +
'en': '',
 +
'sv': '',
 +
'ru': ''
 +
},
 +
},
 +
'snow_load': {
 +
'catName': 'Lumikuorma',
 +
'valfield': 'load',
 +
'type': 'num',
 +
'season': 'winter',
 +
'min': 0,
 +
'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' }
 +
},
 +
'snow': {
 +
'catName': 'Lumen syvyys',
 +
'type': 'num',
 +
'season': 'winter',
 +
'min': 0,
 +
'trend': { 'type': 'gaussian', 'layout': 'line' },
 +
'title': { 'fi': 'Lumipeitteen paksuus', 'en': 'Snow cover depth', 'sv': 'Snötäckets tjockhet', 'ru': '???' },
 +
'unit': 'cm',
 +
'axisTitleV': { 'fi': 'Lumipeite, cm', 'en': 'Snow cover, cm', 'sv': 'Snötäcket, cm', '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' }
 +
},
 +
'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,
 +
'direction': 1,
 +
'trend': { 'type': 'regression', 'layout': 'line' },
 +
'title': { 'fi': 'Hapen kyllästysaste', 'en': 'Oxygen saturation', 'sv': 'Syremättnad', 'ru': '???' },
 +
'unit': '%',
 +
'axisTitleV': { 'fi': 'Hapen kyllästysaste, %', 'en': 'Oxygen saturation, %', 'sv': 'Syremättnad, %', 'ru': '%' }
 +
},
 +
'secchi': {
 +
'type': 'num',
 +
'season': 'summer',
 +
'min': 0,
 +
'direction': 1,
 +
'trend': { 'type': 'gaussian', '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' }
 +
},
 +
'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' },
 +
'unit': 'm',
 +
'axisTitleV': { 'fi': 'Vedenpinnan korkeus, m', 'en': 'Water level, m', 'sv': 'Vattennivå, m', 'ru': 'm' }
 +
},
 +
'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': '???' },
 +
'new': { 'fi': 'Uusi', 'en': 'New', 'sv': 'Nytt', 'ru': '???' },
 +
'Value': { 'fi': 'Arvo', 'en': 'Value', 'sv': 'Värde', 'ru': '???' },
 +
'ValueUnit': { 'fi': 'Arvon tyyppi', 'en': 'Value type', 'sv': 'Värdes typ', 'ru': '???' },
 +
'Date': { 'fi': 'Päivämäärä', 'en': 'Date', 'sv': 'Datum', 'ru': '???' },
 +
'Time': { 'fi': 'Kellonaika', 'en': 'Time', 'sv': 'Tid', 'ru': '???' },
 +
'Additionalinfo': { 'fi': 'Lisätiedot', 'en': 'Additional info', 'sv': 'Tillägsinformation', 'ru': '???' },
 +
'Image': { 'fi': 'Valokuva', 'en': 'Image', 'sv': 'Bild', 'ru': '???' },
 +
'ObserverStatus': { 'fi': 'Havainnoijan status', 'en': 'Observer status', 'sv': 'Observatörens status', 'ru': '???' },
 +
'average': { 'fi': 'Keskimäärin', 'en': 'Average', 'sv': 'Genomsnitt', 'ru': '???' },
 +
'trendline': { 'fi': 'Trendiviiva', 'en': 'Trend line', 'sv': 'Trendlinje', 'ru': '???' },
 +
'days': { 'fi': 'päivää', 'en': 'days', 'sv': 'dygn', 'ru': '???' },
 +
'month': { 'fi': 'Kuukausi', 'en': 'Month', 'sv': 'Månad', 'ru': '???' },
 +
'months': {
 +
0: {
 +
'long': { 'fi': 'Tammikuu', 'en': 'January', 'sv': 'Januari', 'ru': '???' },
 +
'short': { 'fi': 'Tammi', 'en': 'Jan', 'sv': 'Jan', 'ru': '???' },
 +
'roman': 'I'
 +
},
 +
1: {
 +
'long': { 'fi': 'Helmikuu', 'en': 'Febryary', 'sv': 'Februari', 'ru': '???' },
 +
'short': { 'fi': 'Helmi', 'en': 'Feb', 'sv': 'Feb', 'ru': '???' },
 +
'roman': 'II'
 +
},
 +
2: {
 +
'long': { 'fi': 'Maaliskuu', 'en': 'March', 'sv': 'Mars', 'ru': '???' },
 +
'short': { 'fi': 'Maalis', 'en': 'Mar', 'sv': 'Mar', 'ru': '???' },
 +
'roman': 'III'
 +
},
 +
3: {
 +
'long': { 'fi': 'Huhtikuu', 'en': 'April', 'sv': 'April', 'ru': '???' },
 +
'short': { 'fi': 'Huhti', 'en': 'Apr', 'sv': 'Apr', 'ru': '???' },
 +
'roman': 'IV'
 +
},
 +
4: {
 +
'long': { 'fi': 'Toukokuu', 'en': 'May', 'sv': 'Maj', 'ru': '???' },
 +
'short': { 'fi': 'Touko', 'en': 'May', 'sv': 'Maj', 'ru': '???' },
 +
'roman': 'V'
 
},
 
},
−
'temp': {  
+
5: {
−
'type': 'num',
+
'long': { 'fi': 'Kesäkuu', 'en': 'June', 'sv': 'Juni', 'ru': '???' },
−
'season': 'summer',
+
'short': { 'fi': 'Kesä', 'en': 'Jun', 'sv': 'Jun', 'ru': '???' },
−
'trend': { 'type': 'gaussian', 'layout': 'line' },
+
'roman': 'VI'
−
'title': { 'fi': 'Pintaveden lämpötila', 'en': 'Surface water termperature', 'sv': 'Ytvattentemperatur', 'ru': '???' },
 
−
'unit': '°C',
 
−
'axisTitleV': { 'fi': 'Lämpötila, °C', 'en': 'Temperature, °C', 'sv': 'Temperatur, °C', 'ru': '°C' }
 
 
},
 
},
−
'ice': {  
+
6: {  
−
'catName': 'Jäätilanne',
+
'long': { 'fi': 'Heinäkuu', 'en': 'July', 'sv': 'Juli', 'ru': '???' },
−
'type': 'num',
+
'short': { 'fi': 'Heinä', 'en': 'Jul', 'sv': 'Jul', 'ru': '???' },
−
'season': 'winter',
+
'roman': 'VII'
−
'min': 0,
 
−
'direction': -1,
 
−
'trend': { 'type': 'gaussian', 'layout': 'line' },
 
−
'title': { 'fi': 'Jään paksuus', 'en': 'Ice thickness', 'sv': 'Isens tjocklek', 'ru': '???' },
 
−
'unit': 'cm',
 
−
'axisTitleV': { 'fi': 'Jääpeite, cm', 'en': 'Ice cover, cm', 'sv': 'Istäcket, cm', 'ru': 'm' }
 
 
},
 
},
−
'ice_cat': {  
+
7: {
−
'catName': 'Jäätilanne',
+
'long': { 'fi': 'Elokuu', 'en': 'August', 'sv': 'Augusti', 'ru': '???' },
 +
'short': { 'fi': 'Elo', 'en': 'Aug', 'sv': 'Aug', 'ru': '???' },
 +
'roman': 'VII'
 
},
 
},
−
'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' },
+
8: {  
−
'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' },
+
'long': { 'fi': 'Syyskuu', 'en': 'September', 'sv': 'September', 'ru': '???' },
−
'ice_cat_2,5': {
+
'short': { 'fi': 'Syys', 'en': 'Sep', 'sv': 'Sep', 'ru': '???' },
−
'type': 'date',
+
'roman': 'IX'
−
'season': 'winter',
 
−
'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': {
 
−
'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.',
 
−
'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.',
 
−
'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.',
 
−
'ru': ''
 
−
},
 
 
},
 
},
−
'snow_load': {
+
9: {  
−
'catName': 'Lumikuorma',
+
'long': { 'fi': 'Lokakuu', 'en': 'October', 'sv': 'Oktober', 'ru': '???' },
−
'type': 'num',
+
'short': { 'fi': 'Loka', 'en': 'Oct', 'sv': 'Okt', 'ru': '???' },
−
'season': 'winter',
+
'roman': 'X'
−
'min': 0,
 
−
'trend': { 'type': 'moving', 'layout': 'area' },
 
−
'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' }
 
 
},
 
},
−
'secchi': {  
+
10: {  
−
'type': 'num',
+
'long': { 'fi': 'Marraskuu', 'en': 'November', 'sv': 'November', 'ru': '???' },
−
'season': 'summer',
+
'short': { 'fi': 'Marras', 'en': 'Nov', 'sv': 'Nov', 'ru': '???' },
−
'min': 0,
+
'roman': 'XI'
−
'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' }
 
 
},
 
},
−
'level': {
+
11: {  
−
'type': 'num',
+
'long': { 'fi': 'Joulukuu', 'en': 'December', 'sv': 'December', 'ru': '???' },
−
'season': 'summer',
+
'short': { 'fi': 'Joulu', 'en': 'Dec', 'sv': 'Dec', 'ru': '???' },
−
'trend': { 'type': 'gaussian', 'layout': 'line' },
+
'roman': 'XII'
−
'title': { 'fi': 'Vedenkorkeus', 'en': 'Water level', 'sv': 'Vattenståndpunkt', 'ru': '???' },
 
−
'unit': 'cm',
 
−
'axisTitleV': { 'fi': 'Vedenkorkeus, cm', 'en': 'Water level, cm', 'sv': 'Vattenståndpunkt, cm', 'ru': 'cm' }
 
−
},
 
−
'Observation': { 'fi': 'Havainto', 'en': 'Observation', 'sv': 'Observation', 'ru': '???' },
 
−
'Value': { 'fi': 'Arvo', 'en': 'Value', 'sv': 'Värde', 'ru': '???' },
 
−
'ValueUnit': { 'fi': 'Arvon tyyppi', 'en': 'Value type', 'sv': 'Värdes typ', 'ru': '???' },
 
−
'Date': { 'fi': 'Päivämäärä', 'en': 'Date', 'sv': 'Datum', 'ru': '???' },
 
−
'Additionalinfo': { 'fi': 'Lisätiedot', 'en': 'Additional info', 'sv': 'Tillägsinformation', 'ru': '???' },
 
−
'Image': { 'fi': 'Valokuva', 'en': 'Image', 'sv': 'Bild', 'ru': '???' },
 
−
'ObserverStatus': { 'fi': 'Havainnoijan status', 'en': 'Observer status', 'sv': 'Observatörens status', 'ru': '???' },
 
−
'average': { 'fi': 'Keskimäärin', 'en': 'Average', 'sv': 'Genomsnitt', 'ru': '???' },
 
−
'trendline': { 'fi': 'Trendiviiva', 'en': 'Trend line', 'sv': 'Trendlinje', 'ru': '???' },
 
−
'days': { 'fi': 'päivää', 'en': 'days', 'sv': 'dygn', 'ru': '???' },
 
−
'month': { 'fi': 'Kuukausi', 'en': 'Month', 'sv': 'Månad', 'ru': '???' },
 
−
'months': {
 
−
0: {
 
−
'long': { 'fi': 'Tammikuu', 'en': 'January', 'sv': 'Januari', 'ru': '???' },
 
−
'short': { 'fi': 'Tammi', 'en': 'Jan', 'sv': 'Jan', 'ru': '???' },
 
−
'roman': 'I'
 
−
},
 
−
1: {
 
−
'long': { 'fi': 'Helmikuu', 'en': 'Febryary', 'sv': 'Februari', 'ru': '???' },
 
−
'short': { 'fi': 'Helmi', 'en': 'Feb', 'sv': 'Feb', 'ru': '???' },
 
−
'roman': 'II'
 
−
},
 
−
2: {
 
−
'long': { 'fi': 'Maaliskuu', 'en': 'March', 'sv': 'Mars', 'ru': '???' },
 
−
'short': { 'fi': 'Maalis', 'en': 'Mar', 'sv': 'Mar', 'ru': '???' },
 
−
'roman': 'III'
 
−
},
 
−
3: {
 
−
'long': { 'fi': 'Huhtikuu', 'en': 'April', 'sv': 'April', 'ru': '???' },
 
−
'short': { 'fi': 'Huhti', 'en': 'Apr', 'sv': 'Apr', 'ru': '???' },
 
−
'roman': 'IV'
 
−
},
 
−
4: {
 
−
'long': { 'fi': 'Toukokuu', 'en': 'May', 'sv': 'Maj', 'ru': '???' },
 
−
'short': { 'fi': 'Touko', 'en': 'May', 'sv': 'Maj', 'ru': '???' },
 
−
'roman': 'V'
 
−
},
 
−
5: {
 
−
'long': { 'fi': 'Kesäkuu', 'en': 'June', 'sv': 'Juni', 'ru': '???' },
 
−
'short': { 'fi': 'Kesä', 'en': 'Jun', 'sv': 'Jun', 'ru': '???' },
 
−
'roman': 'VI'
 
−
},
 
−
6: {
 
−
'long': { 'fi': 'Heinäkuu', 'en': 'July', 'sv': 'Juli', 'ru': '???' },
 
−
'short': { 'fi': 'Heinä', 'en': 'Jul', 'sv': 'Jul', 'ru': '???' },
 
−
'roman': 'VII'
 
−
},
 
−
7: {
 
−
'long': { 'fi': 'Elokuu', 'en': 'August', 'sv': 'Augusti', 'ru': '???' },
 
−
'short': { 'fi': 'Elo', 'en': 'Aug', 'sv': 'Aug', 'ru': '???' },
 
−
'roman': 'VII'
 
−
},
 
−
8: {
 
−
'long': { 'fi': 'Syyskuu', 'en': 'September', 'sv': 'September', 'ru': '???' },
 
−
'short': { 'fi': 'Syys', 'en': 'Sep', 'sv': 'Sep', 'ru': '???' },
 
−
'roman': 'IX'
 
−
},
 
−
9: {
 
−
'long': { 'fi': 'Lokakuu', 'en': 'October', 'sv': 'Oktober', 'ru': '???' },
 
−
'short': { 'fi': 'Loka', 'en': 'Oct', 'sv': 'Okt', 'ru': '???' },
 
−
'roman': 'X'
 
−
},
 
−
10: {
 
−
'long': { 'fi': 'Marraskuu', 'en': 'November', 'sv': 'November', 'ru': '???' },
 
−
'short': { 'fi': 'Marras', 'en': 'Nov', 'sv': 'Nov', 'ru': '???' },
 
−
'roman': 'XI'
 
−
},
 
−
11: {
 
−
'long': { 'fi': 'Joulukuu', 'en': 'December', 'sv': 'December', 'ru': '???' },
 
−
'short': { 'fi': 'Joulu', 'en': 'Dec', 'sv': 'Dec', 'ru': '???' },
 
−
'roman': 'XII'
 
−
}
 
 
}
 
}
−
};
+
}
 +
};
  
−
})(); // We call our anonymous function immediately
+
})(); // We call our anonymous function immediately
  
−
</script>
+
</script>
−
</includeonly>
+
</includeonly>

Nykyinen versio 22. lokakuuta 2024 kello 11.56

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




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

Tykkää ja seuraa