NetworkVis: d3s_examples/python-neo4jrestclient/static/platin/js/Time/TimeWidget.js annotate

annotate d3s_examples/python-neo4jrestclient/static/platin/js/Time/TimeWidget.js @ 39:88c5232f9d48 default tip

fix click on author name.

author	casties
date	Thu, 04 Feb 2016 18:56:48 +0100
parents	18ef6948d689
children

rev	line source
8 18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1 /*
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	2 * TimeWidget.js
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	3 *
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	4 * Copyright (c) 2012, Stefan Jänicke. All rights reserved.
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	5 *
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	6 * This library is free software; you can redistribute it and/or
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	7 * modify it under the terms of the GNU Lesser General Public
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	8 * License as published by the Free Software Foundation; either
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	9 * version 3 of the License, or (at your option) any later version.
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	10 *
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	11 * This library is distributed in the hope that it will be useful,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	12 * but WITHOUT ANY WARRANTY; without even the implied warranty of
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	13 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	14 * Lesser General Public License for more details.
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	15 *
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	16 * You should have received a copy of the GNU Lesser General Public
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	17 * License along with this library; if not, write to the Free Software
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	18 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	19 * MA 02110-1301 USA
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	20 */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	21
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	22 /**
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	23 * @class TimeWidget
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	24 * TableWidget Implementation
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	25 * @author Stefan Jänicke (stjaenicke@informatik.uni-leipzig.de)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	26 * @release 1.0
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	27 * @release date: 2012-07-27
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	28 * @version date: 2012-07-27
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	29 *
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	30 * @param {TimeWrapper} core wrapper for interaction to other widgets
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	31 * @param {HTML object} div parent div to append the time widget div
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	32 * @param {JSON} options user specified configuration that overwrites options in TimeConfig.js
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	33 */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	34 TimeWidget = function(core, div, options) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	35
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	36 /* HACK DW: stelle sicher, dass das nicht zweimal aufgerufen wird! */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	37 if (typeof TimeWidget_cont == "undefined"){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	38 TimeWidget_cont="Done";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	39
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	40 this.core = core;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	41 this.core.setWidget(this);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	42 this.timeplot
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	43 this.dataSources
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	44 this.eventSources
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	45 this.tds
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	46 this.timeGeometry
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	47 this.valueGeometry
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	48 this.canvas
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	49
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	50 this.leftFlagPole
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	51 this.rightFlagPole
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	52 this.rangeBox
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	53 this.leftHandle
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	54 this.rightHandle
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	55
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	56 this.leftFlagPos = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	57 this.leftFlagTime = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	58 this.rightFlagPos = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	59 this.rightFlagTime = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	60
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	61 this.mouseDownTime
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	62 this.mouseUpTime
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	63 this.mouseTempTime
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	64 this.mouseDownPos
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	65 this.mouseUpPos
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	66 this.mouseTempPos
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	67
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	68 this.status
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	69 this.slider
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	70
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	71 this.iid = GeoTemConfig.getIndependentId('time');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	72 this.options = (new TimeConfig(options)).options;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	73 this.gui = new TimeGui(this, div, this.options, this.iid);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	74 this.initialize();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	75
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	76 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	77 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	78 TimeWidget.prototype = {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	79
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	80 /**
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	81 * clears the timeplot canvas and the timeGeometry properties
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	82 */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	83 clearTimeplot : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	84 this.timeplot._clearCanvas();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	85 this.timeGeometry._earliestDate = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	86 this.timeGeometry._latestDate = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	87 this.valueGeometry._minValue = 0;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	88 this.valueGeometry._maxValue = 0;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	89 this.highlightedSlice = undefined;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	90 this.timeGeometry._clearLabels();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	91 this.selection = new Selection();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	92 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	93
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	94 /**
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	95 * initializes the timeplot elements with arrays of time objects
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	96 * @param {TimeObject[][]} timeObjects an array of time objects from different (1-4) sets
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	97 */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	98 initWidget : function(datasets) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	99 this.datasets = datasets;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	100 var timeObjects = [];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	101 for (var i = 0; i < datasets.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	102 timeObjects.push(datasets[i].objects);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	103 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	104 this.clearTimeplot();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	105 this.reset();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	106 for (var i = 0; i < this.timeplot._plots.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	107 this.timeplot._plots[i].dispose();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	108 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	109 this.dataSources = new Array();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	110 this.plotInfos = new Array();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	111 this.eventSources = new Array();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	112 var granularity = 0;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	113 this.count = 0;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	114 for (var i = 0; i < timeObjects.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	115 if( i==0 \|\| !this.options.timeMerge ){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	116 var eventSource = new Timeplot.DefaultEventSource();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	117 var dataSource = new Timeplot.ColumnSource(eventSource, 1);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	118 this.dataSources.push(dataSource);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	119 this.eventSources.push(eventSource);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	120 var c = GeoTemConfig.getColor(i);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	121 var plotInfo = Timeplot.createPlotInfo({
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	122 id : "plot" + i,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	123 dataSource : dataSource,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	124 timeGeometry : this.timeGeometry,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	125 valueGeometry : this.valueGeometry,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	126 fillGradient : false,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	127 lineColor : 'rgba(' + c.r1 + ',' + c.g1 + ',' + c.b1 + ', 1)',
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	128 fillColor : 'rgba(' + c.r0 + ',' + c.g0 + ',' + c.b0 + ', 0.3)',
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	129 showValues : true
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	130 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	131 this.plotInfos.push(plotInfo);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	132 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	133 for (var j = 0; j < timeObjects[i].length; j++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	134 var o = timeObjects[i][j];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	135 if (o.isTemporal) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	136 var g = o.dates[this.options.timeIndex].granularity;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	137 if (g == null) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	138 continue;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	139 } else if (g > granularity) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	140 granularity = g;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	141 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	142 this.count += o.weight;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	143 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	144 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	145 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	146 this.timeGeometry._granularity = granularity;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	147 this.timeGeometry._clearLabels();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	148 this.timeplot.resetPlots(this.plotInfos);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	149 if (this.plotInfos.length == 0) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	150 this.initLabels(this.timeplot.regularGrid());
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	151 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	152 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	153 this.timeGeometry.extendedDataSource = this.tds;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	154 this.tds.initialize(this.dataSources, this.eventSources, timeObjects, granularity, this.options.timeUnit, this.gui.timeplotDiv.offsetWidth);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	155 this.gui.setTimeUnitDropdown(this.tds.availableUnits);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	156 this.gui.timeUnitDropdown.setEntry(this.tds.getUnitIndex());
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	157 var plots = this.timeplot._plots;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	158 for (var i = 0; i < plots.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	159 plots[i].pins = [];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	160 plots[i].style = this.style;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	161 for (var j = 0; j < this.tds.getSliceNumber(); j++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	162 plots[i].pins.push({
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	163 height : 0,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	164 count : 0
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	165 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	166 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	167 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	168 /*
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	169 var levels = Math.round( (this.tds.timeSlices.length-3)/2 );
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	170 if( GeoTemConfig.timeZoom ){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	171 this.zoomSlider.setMaxAndLevels(levels,levels);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	172 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	173 */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	174 this.timeplot.repaint();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	175 this.timeplot._resizeCanvas();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	176 // set maximum number of slider steps
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	177 var slices = this.tds.timeSlices.length;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	178 var numSlices = Math.floor(slices / this.canvas.width * this.canvas.height + 0.5);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	179
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	180 this.initLabels([]);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	181 this.initOverview();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	182 this.gui.updateTimeQuantity(this.count);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	183
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	184 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	185
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	186 setTimeUnit : function(unit) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	187 this.clearTimeplot();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	188 this.reset();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	189 this.tds.setTimeUnit(unit);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	190 var plots = this.timeplot._plots;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	191 for (var i = 0; i < plots.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	192 plots[i].pins = [];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	193 plots[i].style = this.style;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	194 for (var j = 0; j < this.tds.getSliceNumber(); j++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	195 plots[i].pins.push({
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	196 height : 0,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	197 count : 0
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	198 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	199 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	200 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	201 this.initLabels([]);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	202 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	203
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	204 /**
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	205 * initializes the timeplot for the Spatio Temporal Interface.
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	206 * all elements (including their events) that are needed for user interaction are instantiated here, the slider element as well
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	207 */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	208 initialize : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	209
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	210 this.status = 0;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	211 this.selection = new Selection();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	212 this.paused = true;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	213 this.dataSources = new Array();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	214 this.plotInfos = new Array();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	215 this.eventSources = new Array();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	216 this.timeGeometry = new Timeplot.DefaultTimeGeometry({
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	217 gridColor : "#000000",
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	218 axisLabelsPlacement : "top"
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	219 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	220 this.style = 'graph';
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	221 this.timeGeometry._hideLabels = true;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	222 this.timeGeometry._granularity = 0;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	223 this.valueGeometry = new Timeplot.LogarithmicValueGeometry({
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	224 min : 0
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	225 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	226 this.valueGeometry.actLinear();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	227
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	228 var plot = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	229
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	230 this.timeplot = Timeplot.create(this.gui.timeplotDiv, this.plotInfos);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	231 this.tds = new TimeDataSource(this.options);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	232
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	233 this.canvas = this.timeplot.getCanvas();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	234
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	235 this.leftFlagPole = this.timeplot.putDiv("leftflagpole", "timeplot-dayflag-pole");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	236 this.rightFlagPole = this.timeplot.putDiv("rightflagpole", "timeplot-dayflag-pole");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	237 SimileAjax.Graphics.setOpacity(this.leftFlagPole, 50);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	238 SimileAjax.Graphics.setOpacity(this.rightFlagPole, 50);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	239
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	240 this.rangeBox = this.timeplot.putDiv("rangebox", "range-box");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	241 this.rangeBox.style.backgroundColor = plot.options.rangeBoxColor;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	242 this.rangeBox.style.border = plot.options.rangeBorder;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	243
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	244 this.leftHandle = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	245 this.rightHandle = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	246 this.gui.plotWindow.appendChild(this.leftHandle);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	247 this.gui.plotWindow.appendChild(this.rightHandle);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	248 this.leftHandle.title = GeoTemConfig.getString('leftHandle');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	249 this.rightHandle.title = GeoTemConfig.getString('rightHandle');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	250
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	251 this.leftHandle.style.backgroundImage = "url(" + GeoTemConfig.path + "leftHandle.png" + ")";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	252 this.leftHandle.setAttribute('class', 'plotHandle plotHandleIcon');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	253 this.rightHandle.style.backgroundImage = "url(" + GeoTemConfig.path + "rightHandle.png" + ")";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	254 this.rightHandle.setAttribute('class', 'plotHandle plotHandleIcon');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	255
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	256 this.poles = this.timeplot.putDiv("poles", "pole");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	257 this.timeplot.placeDiv(this.poles, {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	258 left : 0,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	259 bottom : 0,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	260 width : this.canvas.width,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	261 height : this.canvas.height,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	262 display : "block"
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	263 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	264 this.poles.appendChild(document.createElement("canvas"));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	265
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	266 this.filterBar = new FilterBar(this, this.gui.filterOptions);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	267
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	268 var plot = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	269
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	270 this.dragButton = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	271 this.dragButton.title = GeoTemConfig.getString('dragTimeRange');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	272 this.cancelButton = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	273 this.cancelButton.title = GeoTemConfig.getString('clearSelection');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	274 this.cancelButton.onclick = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	275 plot.deselection();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	276 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	277
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	278 this.toolbar = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	279 this.toolbar.setAttribute('class', 'plotToolbar');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	280 this.toolbar.style.borderTop = plot.options.rangeBorder;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	281 this.toolbar.style.textAlign = "center";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	282 this.gui.plotWindow.appendChild(this.toolbar);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	283
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	284 this.toolbarAbsoluteDiv = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	285 this.toolbarAbsoluteDiv.setAttribute('class', 'absoluteToolbar');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	286 this.toolbar.appendChild(this.toolbarAbsoluteDiv);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	287
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	288 this.dragButton.setAttribute('class', 'dragTimeRangeAlt');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	289 this.dragButton.style.backgroundImage = "url(" + GeoTemConfig.path + "drag.png" + ")";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	290 // this.zoomButton.setAttribute('class','zoomRangeAlt');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	291 this.cancelButton.setAttribute('class', 'cancelRangeAlt');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	292 this.toolbarAbsoluteDiv.appendChild(this.dragButton);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	293 this.toolbarAbsoluteDiv.style.width = this.dragButton.offsetWidth + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	294 // this.gui.plotWindow.appendChild(this.zoomButton);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	295 this.gui.plotWindow.appendChild(this.cancelButton);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	296
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	297 this.overview = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	298 this.overview.setAttribute('class', 'timeOverview');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	299 this.gui.plotWindow.appendChild(this.overview);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	300
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	301 var mousedown = false;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	302 this.shift = function(shift) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	303 if (!mousedown) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	304 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	305 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	306 if (plot.tds.setShift(shift)) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	307 plot.redrawPlot();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	308 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	309 setTimeout(function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	310 plot.shift(shift);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	311 }, 200);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	312 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	313 var shiftPressed = function(shift) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	314 mousedown = true;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	315 document.onmouseup = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	316 mousedown = false;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	317 document.onmouseup = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	318 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	319 plot.shift(shift);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	320 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	321
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	322 this.shiftLeft = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	323 this.shiftLeft.setAttribute('class', 'shiftLeft');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	324 this.gui.plotWindow.appendChild(this.shiftLeft);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	325 this.shiftLeft.onmousedown = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	326 shiftPressed(1);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	327 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	328
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	329 this.shiftRight = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	330 this.shiftRight.setAttribute('class', 'shiftRight');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	331 this.gui.plotWindow.appendChild(this.shiftRight);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	332 this.shiftRight.onmousedown = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	333 shiftPressed(-1);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	334 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	335
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	336 this.plotLabels = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	337 this.plotLabels.setAttribute('class', 'plotLabels');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	338 this.gui.plotWindow.appendChild(this.plotLabels);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	339
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	340 this.initLabels(this.timeplot.regularGrid());
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	341
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	342 //Finds the time corresponding to the position x on the timeplot
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	343 var getCorrelatedTime = function(x) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	344 if (x >= plot.canvas.width)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	345 x = plot.canvas.width;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	346 if (isNaN(x) \|\| x < 0)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	347 x = 0;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	348 var t = plot.timeGeometry.fromScreen(x);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	349 if (t == 0)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	350 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	351 return plot.dataSources[0].getClosestValidTime(t);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	352 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	353 //Finds the position corresponding to the time t on the timeplot
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	354 var getCorrelatedPosition = function(t) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	355 var x = plot.timeGeometry.toScreen(t);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	356 if (x >= plot.canvas.width)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	357 x = plot.canvas.width;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	358 if (isNaN(x) \|\| x < 0)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	359 x = 0;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	360 return x;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	361 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	362 //Maps the 2 positions in the right order to left and right bound of the chosen timeRange
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	363 var mapPositions = function(pos1, pos2) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	364 if (pos1 > pos2) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	365 plot.leftFlagPos = pos2;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	366 plot.rightFlagPos = pos1;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	367 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	368 plot.leftFlagPos = pos1;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	369 plot.rightFlagPos = pos2;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	370 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	371 plot.leftFlagTime = plot.dataSources[0].getClosestValidTime(plot.timeGeometry.fromScreen(plot.leftFlagPos));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	372 plot.rightFlagTime = plot.dataSources[0].getClosestValidTime(plot.timeGeometry.fromScreen(plot.rightFlagPos));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	373 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	374 //Sets the divs corresponding to the actual chosen timeRange
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	375 var setRangeDivs = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	376 plot.leftFlagPole.style.visibility = "visible";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	377 plot.rightFlagPole.style.visibility = "visible";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	378 plot.rangeBox.style.visibility = "visible";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	379 plot.timeplot.placeDiv(plot.leftFlagPole, {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	380 left : plot.leftFlagPos,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	381 bottom : 0,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	382 height : plot.canvas.height,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	383 display : "block"
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	384 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	385 plot.timeplot.placeDiv(plot.rightFlagPole, {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	386 left : plot.rightFlagPos,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	387 bottom : 0,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	388 height : plot.canvas.height,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	389 display : "block"
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	390 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	391 var boxWidth = plot.rightFlagPos - plot.leftFlagPos;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	392 if (plot.popup) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	393 plot.popupClickDiv.style.visibility = "visible";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	394 plot.timeplot.placeDiv(plot.popupClickDiv, {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	395 left : plot.leftFlagPos,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	396 width : boxWidth + 1,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	397 height : plot.canvas.height,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	398 display : "block"
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	399 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	400 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	401 plot.timeplot.placeDiv(plot.rangeBox, {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	402 left : plot.leftFlagPos,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	403 width : boxWidth + 1,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	404 height : plot.canvas.height,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	405 display : "block"
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	406 });
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	407 var plots = plot.timeplot._plots;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	408 for ( i = 0; i < plots.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	409 plots[i].fullOpacityPlot(plot.leftFlagTime, plot.rightFlagTime, plot.leftFlagPos, plot.rightFlagPos, GeoTemConfig.getColor(i));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	410 plots[i].opacityPlot.style.visibility = "visible";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	411 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	412 var unit = plot.tds.unit;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	413
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	414 var top = plot.gui.plotContainer.offsetTop;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	415 var left = plot.gui.plotContainer.offsetLeft;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	416 var leftPos = plot.leftFlagPole.offsetLeft + plot.timeplot.getElement().offsetLeft;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	417 var rightPos = plot.rightFlagPole.offsetLeft + plot.timeplot.getElement().offsetLeft;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	418 var rW = rightPos - leftPos;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	419 var pW = plot.canvas.width;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	420 var pL = plot.timeplot.getElement().offsetLeft;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	421
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	422 var handleTop = top + Math.floor(plot.gui.timeplotDiv.offsetHeight / 2 - plot.leftHandle.offsetHeight / 2);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	423 plot.leftHandle.style.visibility = "visible";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	424 plot.rightHandle.style.visibility = "visible";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	425 plot.leftHandle.style.left = (leftPos - plot.leftHandle.offsetWidth / 2) + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	426 plot.rightHandle.style.left = (rightPos - plot.rightHandle.offsetWidth + 1 + plot.rightHandle.offsetWidth / 2) + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	427 plot.leftHandle.style.top = handleTop + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	428 plot.rightHandle.style.top = handleTop + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	429 if (rightPos == leftPos) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	430 plot.rightHandle.style.visibility = "hidden";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	431 plot.leftHandle.style.backgroundImage = "url(" + GeoTemConfig.path + "mergedHandle.png" + ")";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	432 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	433 plot.leftHandle.style.backgroundImage = "url(" + GeoTemConfig.path + "leftHandle.png" + ")";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	434 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	435 plot.cancelButton.style.visibility = "visible";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	436 plot.cancelButton.style.top = top + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	437
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	438 if (rW > plot.cancelButton.offsetWidth) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	439 plot.cancelButton.style.left = (left + rightPos - plot.cancelButton.offsetWidth) + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	440 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	441 plot.cancelButton.style.left = (left + rightPos) + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	442 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	443 var tW = plot.toolbarAbsoluteDiv.offsetWidth;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	444 if (rW >= tW) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	445 plot.toolbar.style.left = leftPos + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	446 plot.toolbar.style.width = (rW + 1) + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	447 plot.toolbarAbsoluteDiv.style.left = ((rW - tW) / 2) + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	448 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	449 plot.toolbar.style.left = (pL + plot.leftFlagPos * (pW - tW) / (pW - rW)) + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	450 plot.toolbar.style.width = (tW + 2) + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	451 plot.toolbarAbsoluteDiv.style.left = "0px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	452 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	453 plot.toolbar.style.top = (top + plot.timeplot.getElement().offsetHeight) + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	454 plot.toolbar.style.visibility = "visible";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	455 plot.toolbarAbsoluteDiv.style.visibility = "visible";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	456
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	457 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	458 var getAbsoluteLeft = function(div) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	459 var left = 0;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	460 while (div) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	461 left += div.offsetLeft;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	462 div = div.offsetParent;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	463 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	464 return left;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	465 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	466 var timeplotLeft = getAbsoluteLeft(plot.timeplot.getElement());
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	467
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	468 var checkPolesForStyle = function(x) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	469 if (plot.style == 'bars' && plot.leftFlagTime == plot.rightFlagTime) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	470 var index = plot.tds.getSliceIndex(plot.leftFlagTime);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	471 var time1 = plot.leftFlagTime;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	472 var pos1 = plot.leftFlagPos;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	473 var time2, pos2;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	474 if (index == 0) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	475 time2 = plot.tds.getSliceTime(index + 1);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	476 } else if (index == plot.tds.getSliceNumber() - 1) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	477 time2 = plot.tds.getSliceTime(index - 1);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	478 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	479 if (x < plot.leftFlagPos) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	480 time2 = plot.tds.getSliceTime(index - 1);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	481 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	482 time2 = plot.tds.getSliceTime(index + 1);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	483 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	484 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	485 pos2 = plot.timeGeometry.toScreen(time2);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	486 mapPositions(pos1, pos2, time1, time2);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	487 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	488 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	489 var startX, startY, multiplier;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	490
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	491 // mousemove function that causes moving selection of objects and toolbar divs
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	492 var moveToolbar = function(start, actual) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	493 var pixelShift = actual - start;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	494 if (plot.status == 2) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	495 var newTime = getCorrelatedTime(startX + pixelShift);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	496 if (newTime == plot.mouseTempTime) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	497 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	498 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	499 plot.mouseTempTime = newTime;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	500 plot.mouseTempPos = plot.timeGeometry.toScreen(plot.mouseTempTime);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	501 mapPositions(plot.mouseDownPos, plot.mouseTempPos);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	502 } else if (plot.status == 3) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	503 pixelShift *= multiplier;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	504 var plotPos = actual - timeplotLeft;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	505 if (plotPos <= plot.canvas.width / 2) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	506 var newTime = getCorrelatedTime(startX + pixelShift);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	507 if (newTime == plot.leftFlagTime) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	508 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	509 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	510 plot.leftFlagTime = newTime;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	511 var diff = plot.leftFlagPos;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	512 plot.leftFlagPos = plot.timeGeometry.toScreen(plot.leftFlagTime);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	513 diff -= plot.leftFlagPos;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	514 plot.rightFlagTime = getCorrelatedTime(plot.rightFlagPos - diff);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	515 plot.rightFlagPos = plot.timeGeometry.toScreen(plot.rightFlagTime);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	516 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	517 var newTime = getCorrelatedTime(startY + pixelShift);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	518 if (newTime == plot.rightFlagTime) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	519 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	520 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	521 plot.rightFlagTime = newTime;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	522 var diff = plot.rightFlagPos;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	523 plot.rightFlagPos = plot.timeGeometry.toScreen(plot.rightFlagTime);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	524 diff -= plot.rightFlagPos;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	525 plot.leftFlagTime = getCorrelatedTime(plot.leftFlagPos - diff);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	526 plot.leftFlagPos = plot.timeGeometry.toScreen(plot.leftFlagTime);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	527 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	528 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	529 checkPolesForStyle(actual - timeplotLeft);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	530 setRangeDivs();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	531 plot.timeSelection();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	532 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	533 // fakes user interaction mouse move
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	534 var playIt = function(start, actual, reset) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	535 if (!plot.paused) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	536 var pixel = plot.canvas.width / (plot.tds.timeSlices.length - 1 ) / 5;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	537 var wait = 20 * pixel;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	538 if (reset) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	539 actual = 0;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	540 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	541 moveToolbar(start, actual);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	542 if (plot.rightFlagPos >= plot.canvas.width) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	543 reset = true;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	544 wait = 1000;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	545 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	546 reset = false;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	547 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	548 setTimeout(function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	549 playIt(start, actual + pixel, reset)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	550 }, wait);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	551 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	552 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	553 var setMultiplier = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	554 var rangeWidth = plot.rightFlagPos - plot.leftFlagPos;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	555 var toolbarWidth = plot.toolbarAbsoluteDiv.offsetWidth;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	556 var plotWidth = plot.canvas.width;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	557 if (rangeWidth < toolbarWidth) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	558 multiplier = (plotWidth - rangeWidth) / (plotWidth - toolbarWidth);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	559 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	560 multiplier = 1;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	561 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	562 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	563 /**
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	564 * starts the animation
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	565 */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	566 this.play = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	567 if (this.leftFlagPos == null) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	568 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	569 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	570 plot.paused = false;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	571 plot.gui.updateAnimationButtons(2);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	572 plot.status = 3;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	573 setMultiplier();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	574 startX = plot.leftFlagPos;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	575 startY = plot.rightFlagPos;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	576 var position = Math.round(plot.leftFlagPos);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	577 playIt(position, position + 1, false);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	578 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	579 /**
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	580 * stops the animation
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	581 */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	582 this.stop = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	583 plot.paused = true;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	584 plot.status = 0;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	585 plot.gui.updateAnimationButtons(1);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	586 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	587 // triggers the mousemove function to move the range and toolbar
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	588 var toolbarEvent = function(evt) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	589 var left = GeoTemConfig.getMousePosition(evt).left;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	590 document.onmousemove = function(evt) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	591 moveToolbar(left, GeoTemConfig.getMousePosition(evt).left);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	592 if (plot.popup) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	593 plot.popup.reset();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	594 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	595 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	596 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	597 var initializeLeft = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	598 plot.mouseDownTime = plot.rightFlagTime;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	599 plot.mouseTempTime = plot.leftFlagTime;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	600 plot.mouseDownPos = plot.timeGeometry.toScreen(plot.mouseDownTime);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	601 startX = plot.leftFlagPos;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	602 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	603 var initializeRight = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	604 plot.mouseDownTime = plot.leftFlagTime;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	605 plot.mouseTempTime = plot.rightFlagTime;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	606 plot.mouseDownPos = plot.timeGeometry.toScreen(plot.mouseDownTime);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	607 startX = plot.rightFlagPos;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	608 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	609 var initializeDrag = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	610 startX = plot.leftFlagPos;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	611 startY = plot.rightFlagPos;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	612 setMultiplier();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	613 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	614 var checkBorders = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	615 if (plot.style == 'bars' && plot.mouseUpTime == plot.mouseDownTime) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	616 var index = plot.tds.getSliceIndex(plot.mouseUpTime);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	617 if (index == 0) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	618 plot.mouseUpTime = plot.tds.getSliceTime(index + 1);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	619 } else if (index == plot.tds.getSliceNumber() - 1) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	620 plot.mouseUpTime = plot.tds.getSliceTime(index - 1);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	621 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	622 if (plot.x < plot.leftFlagPos) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	623 plot.mouseUpTime = plot.tds.getSliceTime(index - 1);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	624 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	625 plot.mouseUpTime = plot.tds.getSliceTime(index + 1);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	626 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	627 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	628 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	629 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	630 // handles mousedown on left handle
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	631 this.leftHandle.onmousedown = function(evt) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	632 if (plot.status != 2) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	633
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	634 initializeLeft();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	635 plot.status = 2;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	636 toolbarEvent(evt);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	637 document.onmouseup = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	638 document.onmousemove = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	639 document.onmouseup = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	640 plot.stop();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	641 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	642 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	643 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	644 // handles mousedown on right handle
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	645 this.rightHandle.onmousedown = function(evt) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	646 if (plot.status != 2) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	647 initializeRight();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	648 plot.status = 2;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	649 toolbarEvent(evt);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	650 document.onmouseup = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	651 document.onmousemove = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	652 document.onmouseup = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	653 plot.stop();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	654 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	655 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	656 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	657 // handles mousedown on drag button
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	658 this.dragButton.onmousedown = function(evt) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	659 if (plot.status != 3) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	660 plot.status = 3;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	661 initializeDrag();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	662 toolbarEvent(evt);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	663 document.onmouseup = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	664 document.onmousemove = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	665 document.onmouseup = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	666 plot.stop();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	667 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	668 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	669 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	670 // handles mousedown-Event on timeplot
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	671 var mouseDownHandler = function(elmt, evt, target) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	672 if (plot.dataSources.length > 0) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	673
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	674 plot.x = Math.round(SimileAjax.DOM.getEventRelativeCoordinates(evt, plot.canvas).x);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	675 if (plot.status == 0) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	676 var time = getCorrelatedTime(plot.x);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	677 if (plot.leftFlagPos != null && plot.popup && time >= plot.leftFlagTime && time <= plot.rightFlagTime) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	678 var x = plot.leftFlagPos + (plot.rightFlagPos - plot.leftFlagPos) / 2;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	679 var elements = [];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	680 for (var i = 0; i < plot.dataSources.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	681 elements.push([]);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	682 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	683 for (var i = 0; i < plot.selectedObjects.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	684 if (plot.selectedObjects[i].value == 1) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	685 for (var j = 0; j < plot.selectedObjects[i].objects.length; j++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	686 elements[j] = elements[j].concat(plot.selectedObjects[i].objects[j]);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	687 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	688 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	689 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	690 var labels = [];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	691 for (var i = 0; i < elements.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	692 if (elements[i].length == 0) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	693 continue;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	694 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	695 var c = GeoTemConfig.getColor(i);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	696 var color = 'rgb(' + c.r0 + ',' + c.g0 + ',' + c.b0 + ')';
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	697 var div = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	698 div.setAttribute('class', 'tagCloudItem');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	699 div.style.color = color;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	700 var label = {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	701 div : div,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	702 elements : elements[i]
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	703 };
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	704 var weight = 0;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	705 for (j in elements[i] ) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	706 weight += elements[i][j].weight;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	707 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	708 var fs = 2 * weight / 1000;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	709 if (fs > 2) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	710 fs = 2;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	711 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	712 div.style.fontSize = (1 + fs) + "em";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	713 div.style.textShadow = "0 0 0.4em black, 0 0 0.4em black, 0 0 0.4em black, 0 0 0.4em " + c.hex;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	714 if (weight == 1) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	715 div.innerHTML = weight + " object";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	716 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	717 div.innerHTML = weight + " objects";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	718 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	719 var appendMouseFunctions = function(label, div, color) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	720 div.onclick = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	721 plot.popup.showLabelContent(label);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	722 div.style.textShadow = "0 0 0.4em black, 0 0 0.4em black, 0 0 0.4em black, 0 0 0.4em " + color;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	723 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	724 div.onmouseover = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	725 div.style.textShadow = "0 -1px " + color + ", 1px 0 " + color + ", 0 1px " + color + ", -1px 0 " + color;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	726 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	727 div.onmouseout = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	728 div.style.textShadow = "0 0 0.4em black, 0 0 0.4em black, 0 0 0.4em black, 0 0 0.4em " + color;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	729 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	730 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	731 appendMouseFunctions(label, div, c.hex);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	732 labels.push(label);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	733 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	734 if (labels.length > 0) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	735 plot.popup.createPopup(x + 20, 0, labels);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	736 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	737 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	738 plot.deselection();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	739 plot.status = 1;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	740 plot.mouseDownTime = time;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	741 plot.mouseTempTime = plot.mouseDownTime;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	742 plot.mouseDownPos = plot.timeGeometry.toScreen(plot.mouseDownTime);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	743 mapPositions(plot.mouseDownPos, plot.mouseDownPos, plot.mouseDownTime, plot.mouseDownTime);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	744 // handles mouseup-Event on timeplot
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	745 document.onmouseup = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	746 if (plot.status == 1) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	747 plot.mouseUpTime = plot.mouseTempTime;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	748 plot.mouseUpPos = plot.timeGeometry.toScreen(plot.mouseUpTime);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	749 mapPositions(plot.mouseDownPos, plot.mouseUpPos, plot.mouseDownTime, plot.mouseUpTime);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	750 checkPolesForStyle(plot.x);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	751 setRangeDivs();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	752 plot.timeSelection();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	753 plot.gui.updateAnimationButtons(1);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	754 document.onmouseup = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	755 plot.status = 0;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	756 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	757 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	758 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	759 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	760 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	761 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	762 // handles mousemove-Event on timeplot
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	763 var mouseMoveHandler = function(elmt, evt, target) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	764 if (plot.dataSources.length > 0) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	765 plot.x = Math.round(SimileAjax.DOM.getEventRelativeCoordinates(evt, plot.canvas).x);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	766 if (plot.status == 1) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	767 plot.mouseTempTime = getCorrelatedTime(plot.x);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	768 plot.mouseTempPos = plot.timeGeometry.toScreen(plot.mouseTempTime);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	769 mapPositions(plot.mouseDownPos, plot.mouseTempPos, plot.mouseDownTime, plot.mouseTempTime);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	770 checkPolesForStyle(plot.x);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	771 setRangeDivs();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	772 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	773 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	774 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	775 // handles mouseout-Event on timeplot
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	776 var mouseOutHandler = function(elmt, evt, target) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	777 if (plot.dataSources.length > 0) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	778 var x = Math.round(SimileAjax.DOM.getEventRelativeCoordinates(evt, plot.canvas).x);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	779 var y = Math.round(SimileAjax.DOM.getEventRelativeCoordinates(evt, plot.canvas).y);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	780 if (x > plot.canvas.width - 2 \|\| isNaN(x) \|\| x < 2) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	781 plot.timeHighlight(true);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	782 plot.highlightedSlice = undefined;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	783 } else if (y > plot.canvas.height - 2 \|\| isNaN(y) \|\| y < 2) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	784 plot.timeHighlight(true);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	785 plot.highlightedSlice = undefined;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	786 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	787 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	788 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	789 // handles mouse(h)over-Event on timeplot
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	790 var mouseHoverHandler = function(elmt, evt, target) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	791 if (plot.dataSources.length > 0) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	792 var x = Math.round(SimileAjax.DOM.getEventRelativeCoordinates(evt, plot.canvas).x);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	793 var time = getCorrelatedTime(x);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	794 if (time == undefined) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	795 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	796 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	797 var highlightSlice;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	798 var slices = plot.tds.timeSlices;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	799 var index = plot.tds.getSliceIndex(time);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	800 if (plot.style == 'graph') {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	801 highlightSlice = slices[index];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	802 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	803 if (plot.style == 'bars') {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	804 var pos = plot.timeGeometry.toScreen(time);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	805 if (x < pos && index > 0) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	806 highlightSlice = slices[index - 1];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	807 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	808 highlightSlice = slices[index];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	809 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	810 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	811 if (plot.highlightedSlice == undefined \|\| plot.highlightedSlice != highlightSlice) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	812 plot.highlightedSlice = highlightSlice;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	813 plot.timeHighlight(false);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	814 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	815 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	816 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	817
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	818 this.redrawPlot = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	819 plot.clearTimeplot();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	820 plot.tds.reset(this.timeGeometry);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	821 plot.timeplot._prepareCanvas();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	822 plot.timeplot.repaint();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	823 if (plot.leftFlagPos != null) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	824 plot.leftFlagPos = getCorrelatedPosition(plot.leftFlagTime);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	825 plot.rightFlagPos = getCorrelatedPosition(plot.rightFlagTime);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	826 setRangeDivs();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	827 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	828 plot.displayOverlay();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	829 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	830 plot.initLabels([]);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	831 plot.updateOverview();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	832 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	833
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	834 this.resetOpacityPlots = function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	835 var plots = plot.timeplot._plots;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	836 for ( var i = 0; i < plots.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	837 plots[i]._opacityCanvas.width = this.canvas.width;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	838 plots[i]._opacityCanvas.height = this.canvas.height;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	839 if( plot.leftFlagTime != null ){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	840 plots[i].fullOpacityPlot(plot.leftFlagTime, plot.rightFlagTime, plot.leftFlagPos, plot.rightFlagPos, GeoTemConfig.getColor(i));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	841 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	842 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	843 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	844
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	845 /**
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	846 * handles zoom of the timeplot
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	847 * @param {int} delta the change of zoom
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	848 * @param {Date} time a time that corresponds to a slice, that was clicked
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	849 */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	850 /*
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	851 this.zoom = function(delta,time){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	852 if( this.eventSources.length == 0 ){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	853 if( GeoTemConfig.timeZoom ){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	854 this.zoomSlider.setValue(0);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	855 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	856 return false;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	857 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	858 if( time == null ){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	859 time = getCorrelatedTime(this.canvas.width/2);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	860 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	861 if( this.tds.setZoom(delta,time,this.leftFlagTime,this.rightFlagTime) ){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	862 this.redrawPlot();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	863 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	864 if( GeoTemConfig.timeZoom ){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	865 this.zoomSlider.setValue(this.tds.getZoom());
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	866 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	867 return true;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	868 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	869 */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	870
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	871 // handles mousewheel event on the timeplot
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	872 var mouseWheelHandler = function(elmt, evt, target) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	873 if (evt.preventDefault) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	874 evt.preventDefault();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	875 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	876 if (plot.dataSources.length == 0) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	877 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	878 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	879 var delta = 0;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	880 if (!evt)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	881 evt = window.event;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	882 if (evt.wheelDelta) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	883 delta = evt.wheelDelta / 120;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	884 if (window.opera)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	885 delta = -delta;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	886 } else if (evt.detail) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	887 delta = -evt.detail / 3;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	888 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	889 if (delta) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	890 var x = Math.round(SimileAjax.DOM.getEventRelativeCoordinates(evt, plot.canvas).x);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	891 var time = getCorrelatedTime(x);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	892 plot.zoom(delta, time);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	893 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	894 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	895 var timeplotElement = this.timeplot.getElement();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	896 SimileAjax.DOM.registerEvent(timeplotElement, "mousedown", mouseDownHandler);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	897 SimileAjax.DOM.registerEvent(timeplotElement, "mousemove", mouseMoveHandler);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	898 SimileAjax.DOM.registerEvent(timeplotElement, "mousemove", mouseHoverHandler);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	899 SimileAjax.DOM.registerEvent(timeplotElement, "mouseout", mouseOutHandler);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	900 if (GeoTemConfig.mouseWheelZoom) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	901 //SimileAjax.DOM.registerEvent(timeplotElement, "mousewheel", mouseWheelHandler);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	902 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	903
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	904 this.gui.setHeight();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	905
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	906 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	907
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	908 resetOverlay : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	909 this.poles.style.visibility = "hidden";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	910 var plots = this.timeplot._plots;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	911 for (var i = 0; i < plots.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	912 for (var j = 0; j < plots[i].pins.length; j++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	913 plots[i].pins[j] = {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	914 height : 0,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	915 count : 0
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	916 };
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	917 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	918 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	919 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	920
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	921 /**
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	922 * resets the timeplot to non selection status
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	923 */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	924 reset : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	925
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	926 this.leftFlagPole.style.visibility = "hidden";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	927 this.rightFlagPole.style.visibility = "hidden";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	928 this.rangeBox.style.visibility = "hidden";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	929 this.leftHandle.style.visibility = "hidden";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	930 this.rightHandle.style.visibility = "hidden";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	931 this.toolbar.style.visibility = "hidden";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	932 this.toolbarAbsoluteDiv.style.visibility = "hidden";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	933 this.cancelButton.style.visibility = "hidden";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	934
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	935 var plots = this.timeplot._plots;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	936 for (var i = 0; i < plots.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	937 plots[i].opacityPlot.style.visibility = "hidden";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	938 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	939 this.resetOverlay();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	940 this.filterBar.reset(false);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	941
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	942 var slices = this.tds.timeSlices;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	943 if (slices != undefined) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	944 for (var i = 0; i < slices.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	945 slices[i].reset();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	946 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	947 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	948
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	949 this.status = 0;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	950 this.stop();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	951 this.gui.updateAnimationButtons(0);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	952
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	953 this.leftFlagPos = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	954 this.leftFlagTime = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	955 this.rightFlagPos = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	956 this.rightFlagTime = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	957
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	958 this.mouseDownTime = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	959 this.mouseUpTime = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	960 this.mouseTempTime = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	961
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	962 this.mouseDownPos = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	963 this.mouseUpPos = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	964 this.mouseTempPos = null;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	965
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	966 if (this.popup) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	967 this.popup.reset();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	968 this.popupClickDiv.style.visibility = "hidden";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	969 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	970
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	971 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	972
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	973 /**
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	974 * sets a pole on the timeplot
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	975 * @param {Date} time the time of the specific timeslice
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	976 * @param {int[]} the number of selected elements per dataset
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	977 */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	978 displayOverlay : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	979 this.poles.style.visibility = "visible";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	980 var cv = this.poles.getElementsByTagName("canvas")[0];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	981 cv.width = this.canvas.width;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	982 cv.height = this.canvas.height;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	983 if (!cv.getContext && G_vmlCanvasManager) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	984 cv = G_vmlCanvasManager.initElement(cv);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	985 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	986 var ctx = cv.getContext('2d');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	987 ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	988 var plots = this.timeplot._plots;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	989 var slices = this.tds.timeSlices;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	990 for (var i = 0; i < slices.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	991 if (this.style == 'bars' && i + 1 == slices.length) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	992 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	993 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	994 if (slices[i].overlay() == 0) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	995 continue;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	996 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	997 var projStacks = slices[i].projStacks;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	998 var time = slices[i].date;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	999 var pos;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1000 if (this.style == 'graph') {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1001 pos = this.timeGeometry.toScreen(time);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1002 } else if (this.style == 'bars') {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1003 var x1 = this.timeGeometry.toScreen(time);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1004 var x2 = this.timeGeometry.toScreen(slices[i + 1].date);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1005 pos = (x1 + x2 ) / 2;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1006 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1007 var heights = [];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1008 var h = 0;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1009 for (var j = 0; j < projStacks.length; j++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1010 var data = plots[j]._dataSource.getData();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1011 for (var k = 0; k < data.times.length; k++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1012 if (data.times[k].getTime() == time.getTime()) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1013 var height = plots[j]._valueGeometry.toScreen(plots[j]._dataSource.getData().values[k]) * projStacks[j].overlay / projStacks[j].value;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1014 heights.push(height);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1015 plots[j].pins[i] = {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1016 height : height,
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1017 count : projStacks[j].overlay
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1018 };
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1019 if (height > h) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1020 h = height;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1021 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1022 break;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1023 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1024 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1025 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1026 ctx.fillStyle = "rgb(102,102,102)";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1027 ctx.beginPath();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1028 ctx.rect(pos - 1, this.canvas.height - h, 2, h);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1029 ctx.fill();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1030 for (var j = 0; j < heights.length; j++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1031 if (heights[j] > 0) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1032 var color = GeoTemConfig.getColor(j);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1033 ctx.fillStyle = "rgba(" + color.r1 + "," + color.g1 + "," + color.b1 + ",0.6)";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1034 ctx.beginPath();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1035 ctx.arc(pos, this.canvas.height - heights[j], 2.5, 0, Math.PI * 2, true);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1036 ctx.closePath();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1037 ctx.fill();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1038 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1039 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1040 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1041 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1042
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1043 /**
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1044 * updates the timeplot by displaying place poles, after a selection had been executed in another widget
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1045 */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1046 highlightChanged : function(timeObjects) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1047 if( !GeoTemConfig.highlightEvents ){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1048 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1049 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1050 this.resetOverlay();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1051 if (this.selection.valid()) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1052 if (!this.selection.equal(this)) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1053 this.tds.setOverlay(GeoTemConfig.mergeObjects(timeObjects, this.selection.getObjects(this)));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1054 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1055 this.tds.setOverlay(timeObjects);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1056 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1057 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1058 this.tds.setOverlay(timeObjects);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1059 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1060 this.displayOverlay();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1061 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1062
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1063 /**
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1064 * updates the timeplot by displaying place poles, after a selection had been executed in another widget
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1065 */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1066 selectionChanged : function(selection) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1067 if( !GeoTemConfig.selectionEvents ){
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1068 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1069 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1070 this.reset();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1071 this.selection = selection;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1072 this.tds.setOverlay(selection.objects);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1073 this.displayOverlay();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1074 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1075
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1076 /**
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1077 * returns the approximate left position of a slice inside the overview representation
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1078 * @param {Date} time time of the slice
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1079 */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1080 getOverviewLeft : function(time) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1081 var w = this.overview.offsetWidth;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1082 var s = this.tds.earliest().getTime();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1083 var e = this.tds.latest().getTime();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1084 var t = time.getTime();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1085 return Math.round(w * (t - s) / (e - s));
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1086 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1087
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1088 /**
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1089 * visualizes the overview div (shows viewable part of zoomed timeplot)
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1090 */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1091 initOverview : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1092 var labels = this.timeGeometry._grid;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1093 if (labels.length == 0) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1094 var plot = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1095 setTimeout(function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1096 plot.initOverview();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1097 }, 10);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1098 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1099 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1100
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1101 this.overview.style.width = this.canvas.width + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1102 var left = this.gui.timeplotDiv.offsetLeft;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1103 this.overview.innerHTML = "";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1104 this.overview.style.left = left + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1105
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1106 this.overviewRange = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1107 this.overviewRange.setAttribute('class', 'overviewRange');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1108 this.overview.appendChild(this.overviewRange);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1109
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1110 for (var i = 0; i < labels.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1111 var label = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1112 label.setAttribute('class', 'overviewLabel');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1113 label.innerHTML = labels[i].label;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1114 label.style.left = Math.floor(labels[i].x) + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1115 this.overview.appendChild(label);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1116 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1117
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1118 this.updateOverview();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1119 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1120
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1121 /**
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1122 * visualizes the labels of the timeplot
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1123 */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1124 initLabels : function(labels) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1125 if (labels.length == 0) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1126 labels = this.timeGeometry._grid;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1127 if (labels.length == 0) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1128 var plot = this;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1129 setTimeout(function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1130 plot.initLabels([]);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1131 }, 10);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1132 return;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1133 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1134 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1135 this.plotLabels.style.width = this.canvas.width + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1136 var left = this.gui.timeplotDiv.offsetLeft;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1137 this.plotLabels.style.left = left + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1138 this.plotLabels.innerHTML = "";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1139 for (var i = 0; i < labels.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1140 var label = document.createElement("div");
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1141 label.setAttribute('class', 'plotLabel');
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1142 label.innerHTML = labels[i].label;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1143 label.style.left = Math.floor(labels[i].x) + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1144 this.plotLabels.appendChild(label);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1145 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1146 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1147
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1148 /**
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1149 * updates the overview div
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1150 */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1151 updateOverview : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1152 if (this.tds.getZoom() > 0) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1153 this.plotLabels.style.visibility = "hidden";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1154 this.timeGeometry._hideLabels = false;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1155 this.overview.style.visibility = "visible";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1156 this.shiftLeft.style.visibility = "visible";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1157 this.shiftRight.style.visibility = "visible";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1158 var left = this.getOverviewLeft(this.tds.timeSlices[this.tds.leftSlice].date);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1159 var right = this.getOverviewLeft(this.tds.timeSlices[this.tds.rightSlice].date);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1160 this.overviewRange.style.left = left + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1161 this.overviewRange.style.width = (right - left) + "px";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1162 } else {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1163 this.timeGeometry._hideLabels = true;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1164 this.plotLabels.style.visibility = "visible";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1165 this.overview.style.visibility = "hidden";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1166 this.shiftLeft.style.visibility = "hidden";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1167 this.shiftRight.style.visibility = "hidden";
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1168 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1169 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1170
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1171 /**
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1172 * returns the time slices which are created by the extended data source
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1173 */
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1174 getSlices : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1175 return this.tds.timeSlices;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1176 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1177
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1178 timeSelection : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1179 var slices = this.tds.timeSlices;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1180 var ls, rs;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1181 for (var i = 0; i < slices.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1182 if (slices[i].date.getTime() == this.leftFlagTime.getTime())
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1183 ls = i;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1184 if (slices[i].date.getTime() == this.rightFlagTime.getTime()) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1185 if (this.style == 'graph') {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1186 rs = i;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1187 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1188 if (this.style == 'bars') {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1189 rs = i - 1;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1190 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1191 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1192 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1193 var selectedObjects = [];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1194 for (var i = 0; i < GeoTemConfig.datasets.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1195 selectedObjects.push([]);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1196 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1197 for (var i = 0; i < slices.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1198 if (i >= ls && i <= rs) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1199 for (var j in slices[i].stacks ) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1200 selectedObjects[j] = selectedObjects[j].concat(slices[i].stacks[j].elements);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1201 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1202 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1203 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1204 this.selection = new Selection(selectedObjects, this);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1205 this.core.triggerSelection(this.selection);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1206 this.filterBar.reset(true);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1207 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1208
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1209 deselection : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1210 this.reset();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1211 this.selection = new Selection();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1212 this.core.triggerSelection(this.selection);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1213 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1214
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1215 filtering : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1216 for (var i = 0; i < this.datasets.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1217 this.datasets[i].objects = this.selection.objects[i];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1218 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1219 this.core.triggerRefining(this.datasets);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1220 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1221
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1222 inverseFiltering : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1223 var slices = this.tds.timeSlices;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1224 var ls, rs;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1225 for (var i = 0; i < slices.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1226 if (slices[i].date.getTime() == this.leftFlagTime.getTime())
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1227 ls = i;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1228 if (slices[i].date.getTime() == this.rightFlagTime.getTime()) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1229 if (this.style == 'graph') {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1230 rs = i;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1231 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1232 if (this.style == 'bars') {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1233 rs = i - 1;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1234 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1235 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1236 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1237 var selectedObjects = [];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1238 for (var i = 0; i < GeoTemConfig.datasets.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1239 selectedObjects.push([]);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1240 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1241 for (var i = 0; i < slices.length; i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1242 if (i >= ls && i <= rs) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1243 continue;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1244 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1245 for (var j in slices[i].stacks ) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1246 selectedObjects[j] = selectedObjects[j].concat(slices[i].stacks[j].elements);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1247 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1248 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1249 this.selection = new Selection(selectedObjects, this);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1250 this.filtering();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1251 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1252
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1253 timeHighlight : function(undo) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1254 if (this.status == 0) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1255 var s = this.highlightedSlice;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1256 var timeObjects = [];
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1257 for (var i = 0; i < this.tds.size(); i++) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1258 timeObjects.push([]);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1259 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1260 var add = true;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1261 if (this.leftFlagTime != null) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1262 if (this.style == 'graph' && s.date >= this.leftFlagTime && s.date <= this.rightFlagTime) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1263 add = false;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1264 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1265 if (this.style == 'bars' && s.date >= this.leftFlagTime && s.date < this.rightFlagTime) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1266 add = false;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1267 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1268 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1269 if (!undo && add) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1270 for (var i in s.stacks ) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1271 timeObjects[i] = timeObjects[i].concat(s.stacks[i].elements);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1272 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1273 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1274 this.core.triggerHighlight(timeObjects);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1275 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1276 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1277
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1278 timeRefining : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1279 this.core.triggerRefining(this.selection.objects);
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1280 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1281
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1282 setStyle : function(style) {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1283 this.style = style;
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1284 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1285
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1286 drawLinearPlot : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1287 if ( typeof this.valueGeometry != 'undefined') {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1288 this.valueGeometry.actLinear();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1289 this.timeplot.repaint();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1290 this.resetOpacityPlots();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1291 this.displayOverlay();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1292 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1293 },
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1294
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1295 drawLogarithmicPlot : function() {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1296 if ( typeof this.valueGeometry != 'undefined') {
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1297 this.valueGeometry.actLogarithmic();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1298 this.timeplot.repaint();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1299 this.resetOpacityPlots();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1300 this.displayOverlay();
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1301 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1302 }
18ef6948d689 new d3s examples Dirk Wintergruen <dwinter@mpiwg-berlin.mpg.de> parents: diff changeset	1303 }