1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
|
# Static scatter plot implementation (using d3).
class Epoch.Chart.Scatter extends Epoch.Chart.Plot
defaults =
type: 'scatter'
radius: 3.5
axes: ['top', 'bottom', 'left', 'right']
# Creates a new scatter plot.
# @param [Object] options Options for the plot.
# @option options [Number] radius The default radius to use for the points in
# the plot (default 3.5). This can be overrwitten by individual points.
constructor: (@options={}) ->
super(@options = Epoch.Util.defaults(@options, defaults))
@on 'option:radius', 'radiusChanged'
@draw()
# Draws the scatter plot.
draw: ->
[x, y, layers] = [@x(), @y(), @getVisibleLayers()]
radius = @options.radius
if layers.length == 0
return @g.selectAll('.layer').remove()
layer = @g.selectAll('.layer')
.data(layers, (d) -> d.category)
layer.enter().append('g')
.attr('class', (d) -> d.className)
dots = layer.selectAll('.dot')
.data((l) -> l.values)
dots.transition().duration(500)
.attr("r", (d) -> d.r ? radius)
.attr("cx", (d) -> x(d.x))
.attr("cy", (d) -> y(d.y))
dots.enter().append('circle')
.attr('class', 'dot')
.attr("r", (d) -> d.r ? radius)
.attr("cx", (d) -> x(d.x))
.attr("cy", (d) -> y(d.y))
dots.exit().transition()
.duration(750)
.style('opacity', 0)
.remove()
layer.exit().transition()
.duration(750)
.style('opacity', 0)
.remove()
super()
# Updates radius in response to an <code>option:radius</code> event.
radiusChanged: -> @draw()
|
