- The options namespace should stay flat - no nested config values.
- Used single array literal instead of chained Array.concats.
- Added default values to config defaults, instead of using default
  method arguments.
- Tweaked spec.
This commit is contained in:
Olly Smith 2013-11-09 17:23:07 +00:00
parent 415476f7ca
commit 221c83781d
2 changed files with 29 additions and 32 deletions

View File

@ -25,7 +25,9 @@ class Morris.Bar extends Morris.Grid
'#edc240'
'#cb4b4b'
'#9440ed'
]
],
barOpacity: 1.0
barRadius: [0, 0, 0, 0]
xLabelMargin: 50
# Do any size-related calculations
@ -108,7 +110,8 @@ class Morris.Bar extends Morris.Grid
size = bottom - top
top -= lastTop if @options.stacked
@drawBar(left, top, barWidth, size, @colorFor(row, sidx, 'bar'), @options.barStyle?.opacity, @options.barStyle?.radius)
@drawBar(left, top, barWidth, size, @colorFor(row, sidx, 'bar'),
@options.barOpacity, @options.barRadius)
lastTop += size
else
@ -181,23 +184,20 @@ class Morris.Bar extends Morris.Grid
.attr('font-weight', @options.gridTextWeight)
.attr('fill', @options.gridTextColor)
drawBar: (xPos, yPos, width, height, barColor, opacity = '1', radius = [0,0,0,0]) ->
if Math.max(radius...) > height or (r for r in radius when r is 0).length is 4
drawBar: (xPos, yPos, width, height, barColor, opacity, radiusArray) ->
maxRadius = Math.max(radiusArray...)
if maxRadius == 0 or maxRadius > height
path = @raphael.rect(xPos, yPos, width, height)
else
path = @raphael.path @roundedRect(xPos, yPos, width, height, radius)
path = @raphael.path @roundedRect(xPos, yPos, width, height, radiusArray)
path
.attr('fill', barColor)
.attr('stroke-width', 0)
.attr('fill-opacity', opacity)
roundedRect: (x, y, w, h, r = [0,0,0,0]) ->
[].
concat(["M", x, r[0] + y, "Q", x, y, x + r[0], y]).
concat(["L", x + w - r[1], y, "Q", x + w, y, x + w, y + r[1]]).
concat(["L", x + w, y + h - r[2], "Q", x + w, y + h, x + w - r[2], y + h]).
concat(["L", x + r[3], y + h, "Q", x, y + h, x, y + h - r[3], "Z"])
[ "M", x, r[0] + y, "Q", x, y, x + r[0], y,
"L", x + w - r[1], y, "Q", x + w, y, x + w, y + r[1],
"L", x + w, y + h - r[2], "Q", x + w, y + h, x + w - r[2], y + h,
"L", x + r[3], y + h, "Q", x, y + h, x, y + h - r[3], "Z" ]

View File

@ -51,23 +51,20 @@ describe 'Morris.Bar', ->
describe 'when setting bar radius', ->
describe 'svg structure', ->
defaults =
element: 'graph'
data: [{x: 'foo', y: 2, z: 3}, {x: 'bar', y: 4, z: 6}]
xkey: 'x'
ykeys: ['y', 'z']
labels: ['Y', 'Z']
barStyle: {
radius: [5, 5, 0, 0]
}
it 'should contain a path for each bar', ->
chart = Morris.Bar $.extend {}, defaults
$('#graph').find("path").size().should.equal 9
defaults =
element: 'graph'
data: [{x: 'foo', y: 2, z: 3}, {x: 'bar', y: 4, z: 6}]
xkey: 'x'
ykeys: ['y', 'z']
labels: ['Y', 'Z']
barRadius: [5, 5, 0, 0]
it 'should use rects if radius is too big', ->
delete defaults.barStyle
chart = Morris.Bar $.extend {
barStyle:
radius: [300, 300, 0, 0]
}, defaults
$('#graph').find("rect").size().should.equal 4
it 'should contain a path for each bar', ->
chart = Morris.Bar $.extend {}, defaults
$('#graph').find("path").size().should.equal 9
it 'should use rects if radius is too big', ->
delete defaults.barStyle
chart = Morris.Bar $.extend {}, defaults,
barRadius: [300, 300, 0, 0]
$('#graph').find("rect").size().should.equal 4