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

Järvi-meriwikistä
Loikkaa:valikkoon, hakuun
(Ak: Uusi sivu: <includeonly> <script type="text/javascript"> (function() { // globals var today = new Date(); function <!--{$id|default:CurrentChart|escape:'html'}-->_jQueryTest...)
 
Rivi 655: Rivi 655:
  
 
if ( memo.obscode == 'level' ) {
 
if ( memo.obscode == 'level' ) {
−
console.log( memo.obsesA );
+
//console.log( memo.obsesA );
 
// make week averages
 
// make week averages
 
memo.avgW = {};
 
memo.avgW = {};
Rivi 877: Rivi 877:
  
 
}
 
}
−
 
+
−
function addDataToDateOfYearChart( memo ) {
 
−
 
 
−
// do X axis min and max for this chart type
 
−
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 );
 
−
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
 
−
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() );
 
−
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++ ) {
 
−
 
 
−
mx = minM+mi;
 
−
yx = memo.options.vAxis.minValue.getFullYear();
 
−
if ( mx > 11 ) { yx = memo.options.vAxis.maxValue.getFullYear(); mx = mx - 12; }
 
−
 
 
−
startOfMonth = new Date( yx, mx, 1 );
 
−
middleOfMonth = new Date( yx, mx, 15 );
 
−
 
 
−
// ticks
 
−
memo.options.vAxis.ticks.push( { v: middleOfMonth, f: i18n['months'][mx]['long'][memo.lang] } );
 
−
 
 
−
// gridlines except for first
 
−
if (mi > 0) {
 
−
memo.vAxisGridlines.push( new Date( startOfMonth.getTime() ) );
 
−
}
 
−
}
 
−
 
 
−
memo.seriesO = {};
 
−
 
 
−
for ( var o in memo.obsesA ) {
 
−
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 );
 
−
}
 
−
 
 
−
// create ice cover series
 
−
if ( memo.obscode == 'ice_cat_2,5' ) {
 
−
memo.obsesS = {};
 
−
for ( var o in memo.obsesA ) {
 
−
var obs = memo.obsesA[ o ];
 
−
 
 
−
if ( typeof memo.obsesS[ obs.season ] == 'undefined' ) {
 
−
memo.obsesS[ obs.season ] = { 'maintainer': obs.maintainer };
 
−
}
 
−
 
 
−
if ( obs.data.cat == '2' ) {
 
−
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' ] = ''; }
 
−
 
 
−
if ( typeof memo.obsesS[ obs.season ][ 'low' ] != 'undefined' && typeof memo.obsesS[ obs.season ][ 'high' ] != 'undefined' ) {
 
−
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.seriesA = []; for ( var s in memo.seriesO ) { memo.seriesA.push( memo.seriesO[s] ) };
 
−
memo.seriesA.sort( function( a, b ) { return a.order-b.order; } );
 
−
 
 
−
for ( var s in memo.seriesA ) {
 
−
 
 
−
if ( memo.seriesA[ s ].type == 'scatter' ) {
 
−
 
 
−
memo.data.addColumn( 'date', memo.seriesA[ s ].title ); // + ' ' + memo.obsMinYear + '-' + memo.obsMaxYear );
 
−
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'  } );
 
−
 
 
−
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' ) {
 
−
 
 
−
memo.data.addColumn( 'date', memo.seriesA[ s ].title );
 
−
memo.data.addColumn( 'date', '' );
 
−
memo.data.addColumn( 'date', '' );
 
−
memo.data.addColumn( 'date', '' );        
 
−
memo.data.addColumn({ role: 'tooltip', 'p': { 'html': true } });        
 
−
 
 
−
memo.options.series.push( { type: 'candlesticks', color: memo.seriesA[ s ].color, strokeWidth: 2, stroke: '#cccccc'  } );
 
−
 
 
−
}
 
−
 
 
−
}
 
−
 
 
−
// 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 ) {
 
−
 
 
−
obs = memo.seriesA[ s ].obses[ o ];
 
−
 
 
−
dataRow = [];
 
−
 
 
−
// fill row with nulls
 
−
for ( var i=0; i<cc; i++ ) { dataRow.push( null ); }
 
−
 
 
−
// x axis value
 
−
dataRow[ 0 ] = obs.xvalue;
 
−
 
 
−
if ( memo.seriesA[ s ].type == 'candlestick' ) {
 
−
 
 
−
dataRow[ st+1 ] = obs.low;
 
−
dataRow[ st+2 ] = obs.low;
 
−
dataRow[ st+3 ] = obs.high;
 
−
dataRow[ st+4 ] = obs.high;
 
−
dataRow[ st+5 ] = obs.tooltip;
 
−
 
 
−
} else if ( memo.seriesA[ s ].type == 'scatter' ) {
 
−
 
 
−
dataRow[ st+1 ] = obs.yvalue;
 
−
dataRow[ st+2 ] = obs.style;
 
−
dataRow[ st+3 ] = obs.tooltip;
 
−
dataRow[ st+4 ] = null;
 
−
}
 
−
 
 
−
memo.dataA.push( dataRow );
 
−
 
 
−
}
 
−
 
 
−
if ( memo.seriesA[ s ].type == 'candlestick' ) {
 
−
st += 5;
 
−
} else if ( memo.seriesA[ s ].type == 'scatter' ) {
 
−
st += 4;
 
−
}
 
−
 
 
−
}
 
−
 
 
−
drawChart(memo);
 
−
 
 
−
}
 
−
 
−
function addDataToSeasonWithRefsChart(memo) {
 
−
 
 
−
// do axis min and max
 
−
memo.axisMinDate = new Date( memo.curSeason, 0, 1 );
 
−
memo.axisMaxDate = new Date( memo.curSeason, 11, 31 );
 
−
 
 
−
memo.data.addColumn( 'number', '1991-2020' );
 
−
        memo.data.addColumn( { id:'i0', type:'number', role:'interval' } );
 
−
        memo.data.addColumn( { id:'i0', type:'number', role:'interval' } );
 
−
        memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );
 
−
        memo.data.addColumn( 'number', memo.curSeason );
 
−
memo.data.addColumn( {'type': 'string', 'role': 'style' } );
 
−
memo.data.addColumn( { type: 'string', role: 'annotation' } );
 
−
memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );
 
−
 
 
−
// series for trend line
 
−
//memo.options.trendlines[0] = { labelInLegend: i18n['trendline'][memo.lang], tooltip: false, color: colors['trend'], lineWidth: 2, opacity: 0.5, type: 'linear', visibleInLegend: memo.trendType!='moving' };
 
−
 
−
for (var o in memo.obsesA) {
 
−
if ( memo.obsesA[o].printouts.ObsCode == memo.refcode ) {
 
−
memo.obsesA[o].compareDate = getDateOfISOWeek( memo.obsesA[o].data.week, memo.curSeason )
 
−
memo.obsesA[o].compareDate.setDate( memo.obsesA[o].compareDate.getDate() + 3 );
 
−
}
 
−
}
 
−
 
−
var weekdata = [];
 
−
for ( var w=1; w<=53; w++ ) {
 
−
weekdata.push( { 'week': w, 'val': null, 'mw': null, 'low': null, 'high': null, 'style': null } );
 
−
}
 
−
 
−
for (var o in memo.obsesA) {
 
−
if ( memo.obsesA[ o ].printouts.ObsCode == memo.obscode ) {
 
−
weekdata[ memo.obsesA[ o ].data.week-1 ].val = memo.obsesA[ o ].data.val;
 
−
weekdata[ memo.obsesA[ o ].data.week-1 ].style = memo.obsesA[ o ].style;
 
−
} else {
 
−
weekdata[ memo.obsesA[ o ].data.week-1 ].mw = memo.obsesA[ o ].data.val;
 
−
weekdata[ memo.obsesA[ o ].data.week-1 ].low = memo.obsesA[ o ].data.low / 100;
 
−
weekdata[ memo.obsesA[ o ].data.week-1 ].high = memo.obsesA[ o ].data.high / 100;
 
−
}
 
−
}
 
−
 
−
for ( var w in weekdata ) {
 
−
 
−
mow = getDateOfISOWeek( weekdata[w].week, memo.curSeason );
 
−
mow.setDate( mow.getDate() + 3 );
 
−
 
−
memo.dataA.push( [
 
−
mow,
 
−
weekdata[w].mw,
 
−
weekdata[w].low,
 
−
weekdata[w].high,
 
−
'<div style="padding: 5px;"><b>Vertailukauden 1991-2020 havainnot viikolla ' + weekdata[w].week + '</b><br />Suurin arvo (HW): ' + weekdata[w].high + '<br />Keskiarvo (MW): ' + weekdata[w].mw + '<br />Pienin arvo (LW): ' + weekdata[w].low + '</div>',
 
−
weekdata[w].val,
 
−
weekdata[w].style,
 
−
null,
 
−
'<div style="padding: 5px;"><b>Kuluvan vuoden vedenkorkeus viikolla ' + weekdata[w].week + '</b><br />Keskiarvo (MW): ' + weekdata[w].val + '</div>',
 
−
] );
 
−
}
 
−
 
−
// make ticks for x axis
 
−
memo.options.hAxis.ticks = [];
 
−
for (i=0; i<12; i++) {
 
−
//m = i+1;
 
−
middleOfMonth = new Date( memo.curSeason, i, 16 );
 
−
//console.log(m);
 
−
memo.options.hAxis.ticks.push({v: middleOfMonth, f: i18n.months[i]['roman'] });
 
−
}
 
−
 
 
−
memo.options.seriesType = 'line';
 
−
memo.options.series[0] = { type: 'line', pointSize: 0, color: colors.average, lineWidth: 2.33  };
 
−
memo.options.curveType = 'function';
 
−
memo.options.intervals = { 'style': 'area' };
 
−
memo.options.series[1] = { type: 'line', pointSize: 2, color: colors.curObses, lineWidth: 5  };
 
−
 
−
memo.options.vAxis.viewWindow.min = 80.5;
 
−
memo.options.vAxis.viewWindow.max = 81.7;
 
−
 
−
memo.chart = new google.visualization.LineChart( memo.chartEl[0] );        // document.getElementById(memo.id)        
 
−
 
−
drawChart(memo);
 
−
}
 
−
 
 
−
function addDataToTrendWithHighLowChart (memo) {
 
−
 
 
−
//console.log( 'high low chart');
 
−
 
 
−
// 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);
 
−
 
 
−
memo.data.addColumn( 'number', memo.obsMinYear + '-' + memo.obsMaxYear );
 
−
        memo.data.addColumn( { id:'i0', type:'number', role:'interval' } );
 
−
        memo.data.addColumn( { id:'i0', type:'number', role:'interval' } );
 
−
memo.data.addColumn( {'type': 'string', 'role': 'style' } );
 
−
memo.data.addColumn( { type: 'string', role: 'annotation' } );
 
−
memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );
 
−
 
 
−
// series for trend line
 
−
//memo.options.trendlines[0] = { labelInLegend: i18n['trendline'][memo.lang], tooltip: false, color: colors['trend'], lineWidth: 2, opacity: 0.5, type: 'linear', visibleInLegend: memo.trendType!='moving' };
 
−
 
 
−
//console.log( memo );
 
−
 
 
−
for (var o in memo.obsesA) {
 
−
 
−
dateStr = memo.obsesA[o].popup.match( /\([^)]*\)/g );
 
−
yearStr = dateStr[0].match( /[0-9]{4}/g );
 
−
memo.obsesA[o].popup = memo.obsesA[o].popup.replace( dateStr[0], '(' + yearStr[0] + ')' );
 
−
memo.dataA.push( [ memo.obsesA[o].obsdatetime, memo.obsesA[o].value, memo.obsesA[o].data.low/100, memo.obsesA[o].data.high/100, memo.obsesA[o].style, null, memo.obsesA[o].popup ] );
 
−
}
 
−
 
 
−
memo.options.hAxis.ticks = [];
 
−
for (i=memo.axisMinDate.getFullYear(); i<=memo.axisMaxDate.getFullYear(); i++) {
 
−
middleOfYear = new Date( i, 6, 1 );
 
−
memo.options.hAxis.ticks.push({v: middleOfYear, f: String(i) });
 
−
}
 
−
 
 
−
memo.options.seriesType = 'line';
 
−
memo.options.series[0] = { type: 'line', pointSize: 3, color: '#3366cc'  };
 
−
memo.options.curveType = 'function';
 
−
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);
 
−
 
 
−
}
 
−
 
 
−
function addDataToTrendChart(memo) {
 
−
 
 
−
// 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);
 
−
 
 
−
memo.data.addColumn( 'number', memo.obsMinYear + '-' + memo.obsMaxYear );
 
−
memo.data.addColumn( {'type': 'string', 'role': 'style' } );
 
−
memo.data.addColumn( { type: 'string', role: 'annotation' } );
 
−
memo.data.addColumn( { type: 'string', role: 'tooltip', 'p': { 'html': true } } );
 
−
 
 
−
// 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 o in memo.obsesA) {
 
−
 
 
−
//dataRow = [];
 
−
 
 
−
//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 ] );
 
−
//}
 
−
 
 
−
//memo.dataA.push( dataRow );
 
−
 
 
−
}
 
−
 
 
−
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'  };
 
−
 
 
−
drawChart(memo);
 
−
 
 
−
}
 
−
 
 
−
function addDataToSeasonChart(memo) {
 
−
 
 
−
memo.axisMinDate = new Date( memo.obsMinCompDateMs );
 
−
memo.axisMinDate.setDate(1);
 
−
memo.axisMaxDate = new Date( memo.obsMaxCompDateMs );
 
−
memo.axisMaxDate.setMonth( memo.axisMaxDate.getMonth()+1 );
 
−
memo.axisMaxDate.setDate(0);
 
−
 
 
−
memo.seasonsO = {};
 
−
memo.seasonsA = [];
 
−
 
 
−
for (var o in memo.obsesA) {
 
−
 
 
−
s = memo.obsesA[o].seriesId;
 
−
if (typeof memo.seasonsO[s] == 'undefined' ) { memo.seasonsO[s] = { 'obses': [] }; }
 
−
memo.seasonsO[s].obses.push( memo.obsesA[o] );
 
−
}
 
−
 
 
−
for (var o in memo.seasonsO) { memo.seasonsA.push(o); } memo.seasonsA.sort( function(a,b) { return b-a; } );
 
−
 
 
−
// create cols for each series
 
−
var sc = 0;
 
−
for (var s in memo.seasonsA) {
 
−
 
 
−
// data
 
−
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 {
 
−
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 };
 
−
}
 
−
}
 
−
 
 
−
// 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 };
 
−
 
 
−
// 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' } );
 
−
 
 
−
if ( memo.seasonsA.length == 1 && memo.seasonsA[0] == memo.curSeason  ) {
 
−
memo.options.series[ sc-1 ].lineWidth = 0;
 
−
memo.options.series[ sc-1 ].pointSize = 0;
 
−
memo.options.series[ sc-1 ].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 };
 
−
 
 
−
// do average
 
−
if (memo.trendType == 'gaussian') {
 
−
 
 
−
memo.gSmoothing = 4;
 
−
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();
 
−
 
 
−
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;
 
−
}
 
−
}
 
−
 
−
// 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 );
 
−
}
 
−
}
 
−
 
 
−
devAvg = devSum/devC;
 
−
 
 
−
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 );
 
−
}
 
−
}
 
−
}
 
−
 
 
−
memo.avgWlist = [];
 
−
 
 
−
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 } ); 
 
−
}
 
−
}
 
−
 
 
−
memo.avgWlist.sort( function(a, b) { return (a.y*100+a.w) - (b.y*100+b.w); });
 
−
 
 
−
firstY = memo.avgWlist[0].y;
 
−
firstW = memo.avgWlist[0].w;
 
−
lastY = memo.avgWlist[memo.avgWlist.length-1].y;
 
−
lastW = memo.avgWlist[memo.avgWlist.length-1].w;
 
−
 
 
−
memo.avgMlist = [];
 
−
memo.avgLlist = [];
 
−
memo.avgHlist = [];
 
−
 
 
−
for ( var y=firstY; y<=lastY; y++ ) {
 
−
 
 
−
if ( y == firstY ) { w1 = firstW; }
 
−
else { w1 = 1; }
 
−
 
 
−
if ( y == lastY ) { w2 = lastW; }
 
−
else { w2 = 52; }
 
−
 
 
−
for ( var w=w1; w<=w2; w++) {
 
−
 
 
−
//console.log( y + '/' + w );
 
−
 
 
−
if ( typeof(memo.avgW[y][w]) == 'undefined' ) {
 
−
 
 
−
memo.avgMlist.push( null );
 
−
memo.avgLlist.push( null );
 
−
memo.avgHlist.push( null );
 
−
 
 
−
 
 
−
} else {
 
−
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.avgLlist.push( -memo.distF*Math.random()*2 );
 
−
} else {
 
−
memo.avgLlist.push( memo.avgW[y][w].avg - 2*d ); //memo.avgW[y][w].dev );
 
−
}
 
−
 
 
−
memo.avgHlist.push( memo.avgW[y][w].avg + 2*d ); //memo.avgW[y][w].dev );
 
−
}
 
−
}
 
−
}
 
−
 
 
−
//console.log(memo.avgLlist);
 
−
 
 
−
for ( var i=0; i<memo.avgMlist.length; i++ ) {
 
−
 
 
−
if ( memo.avgMlist[i] === null ) {
 
−
 
 
−
lastM = memo.avgMlist[i-1];
 
−
lastL = memo.avgLlist[i-1];
 
−
lastH = memo.avgHlist[i-1];
 
−
 
 
−
for ( var ix=(i+1); ix < memo.avgMlist.length; ix++ ) {
 
−
 
 
−
if ( memo.avgMlist[ix] !== null ) {
 
−
 
 
−
memo.avgMlist[i] = lastM + (memo.avgMlist[ix]-lastM) / (ix-i+1);
 
−
memo.avgLlist[i] = lastL + (memo.avgLlist[ix]-lastL) / (ix-i+1);
 
−
memo.avgHlist[i] = lastH + (memo.avgHlist[ix]-lastH) / (ix-i+1);
 
−
 
 
−
break;
 
−
}
 
−
}
 
−
}
 
−
}
 
−
 
 
−
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 ) );
 
−
 
 
−
//console.log( memo.avgMlist );
 
−
 
 
−
} else {
 
−
 
 
−
for (var x=0; x < ( memo.gSmoothing/2 + 3 ); x++) {
 
−
 
 
−
if ( memo.obscode == 'secchi' ) {
 
−
prev = Math.max ( memo.avgMlist[0], 0 );
 
−
next = Math.max ( memo.avgMlist[memo.avgMlist.length-1], 0 );
 
−
} else {
 
−
prev = Math.max ( 2 * memo.avgMlist[0] - memo.avgMlist[1], 0 );
 
−
next = Math.max ( 2 * memo.avgMlist[memo.avgMlist.length-1] - memo.avgMlist[memo.avgMlist.length-2], 0 );
 
−
}
 
−
 
 
−
memo.avgMlist.unshift( prev );
 
−
memo.avgMlist.push( next );
 
−
 
 
−
memo.avgLlist.unshift( prev - 2 * devAvg );
 
−
memo.avgLlist.push( next - 2 * devAvg );
 
−
 
 
−
memo.avgHlist.unshift( prev + 2 * devAvg );
 
−
memo.avgHlist.push( next + 2 * devAvg );
 
−
}
 
−
 
 
−
}
 
−
 
 
−
memo.avgMsmooth = smooth( memo.avgMlist, memo.gSmoothing );
 
−
memo.avgLsmooth = smooth( memo.avgLlist, memo.gSmoothing );
 
−
memo.avgHsmooth = smooth( memo.avgHlist, memo.gSmoothing );
 
−
 
 
−
cc = memo.data.getNumberOfColumns();
 
−
 
 
−
msW = 7*24*60*60*1000;
 
−
 
 
−
for ( var i=0; i < ( memo.avgMsmooth.length ); 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];
 
−
 
 
−
memo.dataA.push( dataRow );
 
−
}
 
−
 
−
} else if (memo.trendType == 'moving') {
 
−
 
 
−
//
 
−
}
 
−
 
 
−
// add data to table
 
−
cc = memo.data.getNumberOfColumns();
 
−
 
 
−
for (var s in memo.seasonsA) {
 
−
 
 
−
for (var o in memo.seasonsO[memo.seasonsA[s]].obses) {
 
−
 
 
−
obs = memo.seasonsO[memo.seasonsA[s]].obses[o];
 
−
 
 
−
dataRow = [];
 
−
 
 
−
// fill row with nulls
 
−
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;
 
−
//console.log( obs.compareDate );
 
−
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; }
 
−
 
 
−
dataRow[s*4+4] = null; //diffStr; //annotation
 
−
} else {
 
−
dataRow[s*4+4] = null; //annotation
 
−
}
 
−
 
 
−
memo.dataA.push( dataRow );
 
−
 
 
−
}
 
−
 
 
−
}
 
−
 
 
−
// make ticks for x axis
 
−
 
 
−
var minM = memo.axisMinDate.getMonth();
 
−
var minY = memo.axisMinDate.getFullYear();
 
−
var maxM = memo.axisMaxDate.getMonth();
 
−
 
 
−
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++) {
 
−
 
 
−
m = minM + i;
 
−
maxY = minY;
 
−
 
 
−
if (m > 11) {
 
−
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);
 
−
 
 
−
}
 
−
 
 
−
function drawChart(memo) {
 
−
 
−
memo.loaderEl.fadeOut( "slow", function() { memo.loaderEl.remove(); } );
 
−
 
 
−
if (memo.dataA.length > 0) {
 
−
 
 
−
memo.data.addRows(memo.dataA);
 
−
 
 
−
if ( typeof memo.chart == 'undefined' ) {
 
−
memo.chart = new google.visualization.ComboChart( memo.chartEl[0] );        // document.getElementById(memo.id)        
 
−
}
 
−
 
 
−
//doResize();
 
−
 
 
−
memo.fullscreenEl.fadeIn( "slow" );
 
−
if ( memo.download) { 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;
 
−
}
 
−
 
 
−
} else {
 
−
 
 
−
memo.selectedCol = 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 );
 
−
 
 
−
});
 
−
 
 
−
 
 
−
} else {
 
−
 
 
−
jQuery( jQuery( document.getElementById(memo.id) ) ).hide();
 
−
 
 
−
}
 
−
 
 
−
doResize( memo );
 
−
 
 
−
}
 
−
 
 
var doResize = function( memo ) {
 
var doResize = function( memo ) {
 
 

Versio 19. kesäkuuta 2023 kello 10.04

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




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