Ero sivun ”Widget:JwObsCharts” versioiden välillä
Järvi-meriwikistä
| Rivi 1 339: | Rivi 1 339: | ||
function drawChart(memo) { | function drawChart(memo) { | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
memo.loaderEl.fadeOut( "slow", function() { memo.loaderEl.remove(); } ); | memo.loaderEl.fadeOut( "slow", function() { memo.loaderEl.remove(); } ); | ||
| Rivi 1 458: | Rivi 1 397: | ||
} | } | ||
| − | doResize(); | + | doResize( memo ); |
}); | }); | ||
jQuery( window ).resize(function() { | jQuery( window ).resize(function() { | ||
| − | |||
| − | |||
| − | setTimeout( doResize, 100 ); | + | setTimeout( function() { doResize( memo ); }, 100 ); |
}); | }); | ||
| Rivi 1 476: | Rivi 1 413: | ||
} | } | ||
| − | doResize(); | + | doResize( memo ); |
| + | |||
| + | } | ||
| + | |||
| + | function doResize( memo ) { | ||
| + | |||
| + | var w = memo.chartEl.width(); | ||
| + | var h = memo.chartEl.height(); | ||
| + | |||
| + | if ( w*h != 0 ) { | ||
| + | |||
| + | memo.margins = { top: 10, right: 10, bottom: 80, left: 80 }; | ||
| + | |||
| + | var w = memo.chartEl.width(); | ||
| + | var h = memo.chartEl.height(); | ||
| + | |||
| + | var l = Math.max( memo.margins.left, 0.1*w ); | ||
| + | var r = Math.max( memo.margins.right, 0.02*w ); | ||
| + | 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 { | ||
| + | //memo.options.chartArea = { top: memo.margins.top, left: memo.margins.left, width: (memo.widgetEl.width() - memo.margins.left - memo.margins.right), height: (memo.widgetEl.height() - memo.margins.top - memo.margins.bottom), backgroundColor: { fill: '#daf0fa', stroke: '#fff', strokeWidth: 6 }}; | ||
| + | } | ||
| + | //memo.options.chartArea = { 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.options ); | ||
| + | |||
| + | memo.chart.draw( memo.data, memo.options ); | ||
| + | |||
| + | // 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' ); | ||
| + | } | ||
| + | }); | ||
| + | } | ||
| + | |||
| + | // add dash to trendlines | ||
| + | jQuery( document.getElementById(memo.id) ).find( 'path[stroke-width="2.33"]' ).each( function() { | ||
| + | jQuery( this ).attr('stroke-dasharray', '5, 5'); | ||
| + | }); | ||
| + | |||
| + | // move current observations to top | ||
| + | gEl = jQuery( document.getElementById(memo.id) ).find( 'svg' ).append( 'g' ); | ||
| + | |||
| + | //jQuery( document.getElementById(memo.id) ).find( 'circle[stroke-width="3"]' ).detach().appendTo( gEl ); | ||
| + | jQuery( document.getElementById(memo.id) ).find( 'path[stroke="#3366cc"]' ).detach().appendTo( gEl ); | ||
| + | jQuery( document.getElementById(memo.id) ).find( 'circle[fill="#3366cc"]' ).detach().appendTo( gEl ); | ||
| + | |||
| + | jQuery( document.getElementById(memo.id) ).find( 'circle[stroke-width="3"]' ).each( function() { jQuery( this ).parent().append( jQuery( this ) ); }); | ||
| + | //jQuery( document.getElementById(memo.id) ).find( 'circle[fill="#3366cc"]' ).each( function() { jQuery( this ).parent().append( jQuery( this ) ); }); | ||
| + | //jQuery( document.getElementById(memo.id) ).find( 'path[stroke="#3366cc"]' ).each( function() { jQuery( this ).parent().append( jQuery( this ) ); }); | ||
| + | |||
| + | } | ||
} | } | ||
