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.
96 lines
2.2 KiB
96 lines
2.2 KiB
'use strict';
|
|
|
|
var BuoyAnalysisBehaviors = {
|
|
stationClick: function() {
|
|
|
|
},
|
|
|
|
stationMouseover: function() {
|
|
|
|
},
|
|
|
|
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() {
|
|
|
|
},
|
|
|
|
attachBehaviors: function() {
|
|
d3.select('#map')
|
|
.on('click', BuoyAnalysisBehaviors.reticleDragEnd)
|
|
// .call(d3.behavior.drag()
|
|
// .on('drag', BuoyAnalysisBehaviors.reticleDrag)
|
|
// .on('dragend', BuoyAnalysisBehaviors.reticleDragEnd)
|
|
// );
|
|
},
|
|
};
|
|
|
|
// 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)
|
|
// }
|
|
|