You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
163 lines
3.9 KiB
163 lines
3.9 KiB
'use strict';
|
|
|
|
var BuoyAnalysisBehaviors = {
|
|
|
|
/**
|
|
*
|
|
*/
|
|
reticleDrag: function(d) {
|
|
|
|
},
|
|
|
|
/**
|
|
*
|
|
*/
|
|
reticleDragEnd: function() {
|
|
var x = d3.mouse(this)[0];
|
|
var y = d3.mouse(this)[1];
|
|
|
|
if (x < 200) {
|
|
x = 200;
|
|
}
|
|
|
|
if (x > 800) {
|
|
x = 800;
|
|
}
|
|
|
|
|
|
var d = d3.select('.reticle').data()[0];
|
|
d.x = x;
|
|
d.y = y;
|
|
|
|
d3.select('.reticle')
|
|
.transition()
|
|
.duration(300)
|
|
.attr('transform', 'translate(' + [ d.x, d.y ] + ')')
|
|
|
|
BuoyAnalysisMap.findStationsUnderReticle();
|
|
BuoyAnalysisChart.draw();
|
|
},
|
|
|
|
/**
|
|
*
|
|
*/
|
|
reticleResize: function() {
|
|
|
|
},
|
|
|
|
/**
|
|
*
|
|
*/
|
|
barDisplayClick: function(d) {
|
|
var e = d3.select(this);
|
|
|
|
d3.selectAll('.bar-display .toggle').classed('selected', false);
|
|
|
|
e.classed('selected', true);
|
|
|
|
if (e.classed('toggle1')) {
|
|
BuoyAnalysisChart.bars.showYears = true;
|
|
BuoyAnalysisChart.bars.showMonths = true;
|
|
}
|
|
else if (e.classed('toggle2')) {
|
|
BuoyAnalysisChart.bars.showYears = false;
|
|
BuoyAnalysisChart.bars.showMonths = true;
|
|
}
|
|
else if (e.classed('toggle3')) {
|
|
BuoyAnalysisChart.bars.showYears = true;
|
|
BuoyAnalysisChart.bars.showMonths = false;
|
|
}
|
|
|
|
BuoyAnalysisChart.draw();
|
|
},
|
|
|
|
/**
|
|
*
|
|
*/
|
|
columnDisplayClick: function(d) {
|
|
var e = d3.select(this);
|
|
|
|
d3.selectAll('.column-display .toggle').classed('selected', false);
|
|
|
|
e.classed('selected', true);
|
|
|
|
if (e.classed('toggle1')) {
|
|
BuoyAnalysisChart.bars.property = 'ATMP';
|
|
}
|
|
else if (e.classed('toggle2')) {
|
|
BuoyAnalysisChart.bars.property = 'WTMP';
|
|
}
|
|
else if (e.classed('toggle3')) {
|
|
BuoyAnalysisChart.bars.property = 'WVHT';
|
|
}
|
|
else if (e.classed('toggle4')) {
|
|
BuoyAnalysisChart.bars.property = 'WPER';
|
|
}
|
|
else if (e.classed('toggle5')) {
|
|
BuoyAnalysisChart.bars.property = 'WSPD';
|
|
}
|
|
|
|
BuoyAnalysisChart.updateAxes();
|
|
BuoyAnalysisChart.draw();
|
|
},
|
|
|
|
/**
|
|
*
|
|
*/
|
|
attachBehaviors: function() {
|
|
d3.select('#map')
|
|
.on('click', BuoyAnalysisBehaviors.reticleDragEnd)
|
|
// .call(d3.behavior.drag()
|
|
// .on('drag', BuoyAnalysisBehaviors.reticleDrag)
|
|
// .on('dragend', BuoyAnalysisBehaviors.reticleDragEnd)
|
|
// );
|
|
|
|
d3.selectAll('.bar-display .toggle')
|
|
.on('click', BuoyAnalysisBehaviors.barDisplayClick);
|
|
|
|
d3.selectAll('.column-display .toggle')
|
|
.on('click', BuoyAnalysisBehaviors.columnDisplayClick);
|
|
}
|
|
};
|
|
|
|
// d3.selectAll('.detail')
|
|
// .on('mouseover', startAnimateStation)
|
|
// .on('mouseout', stopAnimateStation);
|
|
|
|
// function startAnimateStation() {
|
|
// var id = d3.event.target.id || d3.event.target.parentNode.id;
|
|
// var selector = '#' + id.split('-')[1];
|
|
|
|
// d3.select(selector)
|
|
// .transition()
|
|
// .attr('r', '10')
|
|
// .duration(200)
|
|
// };
|
|
|
|
// function stopAnimateStation() {
|
|
// var id = d3.event.target.id || d3.event.target.parentNode.id;
|
|
// var selector = '#' + id.split('-')[1];
|
|
|
|
// d3.select(selector)
|
|
// .transition()
|
|
// .attr('r', '3')
|
|
// .duration(200)
|
|
// };
|
|
|
|
// /**
|
|
// *
|
|
// */
|
|
// function startAnimateDetail() {
|
|
// var id = d3.event.target.id;
|
|
// d3.select('#detail-' + id)
|
|
// .classed('active', true)
|
|
// }
|
|
|
|
// /**
|
|
// *
|
|
// */
|
|
// function stopAnimateDetail() {
|
|
// var id = d3.event.target.id;
|
|
// d3.select('#detail-' + id)
|
|
// .classed('active', false)
|
|
// }
|
|
|