month names

This commit is contained in:
Radek Stepan 2013-08-21 14:19:16 +01:00
parent cba910f55b
commit ffff8f76d7
1 changed files with 20 additions and 3 deletions

View File

@ -81,7 +81,7 @@ module.exports =
# Get available space.
{ height, width } = document.querySelector('#graph').getBoundingClientRect()
margin = { top: 10, right: 30, bottom: 40, left: 50 }
margin = { top: 30, right: 30, bottom: 40, left: 50 }
width -= margin.left + margin.right
height -= margin.top + margin.bottom
@ -121,12 +121,29 @@ module.exports =
.append("g")
.attr("transform", "translate(" + margin.left + "," + margin.top + ")")
# Add the x-axis.
# Add the days x-axis.
svg.append("g")
.attr("class", "x axis")
.attr("class", "x axis day")
.attr("transform", "translate(0,#{height})")
.call(xAxis)
# Add the months x-axis.
m = [
'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'
]
mAxis = xAxis
.orient("top")
.tickSize(height)
.tickFormat( (d) -> m[d.getMonth()] )
.ticks(2)
svg.append("g")
.attr("class", "x axis month")
.attr("transform", "translate(0,#{height})")
.call(mAxis)
# Add the y-axis.
svg.append("g")
.attr("class", "y axis")