RubyGems - d3_rails - Versions diffs - 2.8.0 → 2.8.1 - Mend

d3_rails 2.8.0 → 2.8.1

Files changed (63) hide show

data/vendor/assets/javascripts/morris/examples/weeks.html ADDED

@@ -0,0 +1,52 @@
+<!doctype html>
+<head>
+  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
+  <script src="https://raw.github.com/DmitryBaranovskiy/raphael/300aa589f5a0ba7fce667cd62c7cdda0bd5ad904/raphael-min.js"></script>
+  <script src="../morris.js"></script>
+  <script src="lib/prettify.js"></script>
+  <script src="lib/example.js"></script>
+  <link rel="stylesheet" href="lib/example.css">
+  <link rel="stylesheet" href="lib/prettify.css">
+</head>
+<body>
+<h1>Formatting Dates With Weeks</h1>
+<div id="graph"></div>
+<pre id="code" class="prettyprint linenums">
+var week_data = [
+  {"period": "2011 W27", "licensed": 3407, "sorned": 660},
+  {"period": "2011 W26", "licensed": 3351, "sorned": 629},
+  {"period": "2011 W25", "licensed": 3269, "sorned": 618},
+  {"period": "2011 W24", "licensed": 3246, "sorned": 661},
+  {"period": "2011 W23", "licensed": 3257, "sorned": 667},
+  {"period": "2011 W22", "licensed": 3248, "sorned": 627},
+  {"period": "2011 W21", "licensed": 3171, "sorned": 660},
+  {"period": "2011 W20", "licensed": 3171, "sorned": 676},
+  {"period": "2011 W19", "licensed": 3201, "sorned": 656},
+  {"period": "2011 W18", "licensed": 3215, "sorned": 622},
+  {"period": "2011 W17", "licensed": 3148, "sorned": 632},
+  {"period": "2011 W16", "licensed": 3155, "sorned": 681},
+  {"period": "2011 W15", "licensed": 3190, "sorned": 667},
+  {"period": "2011 W14", "licensed": 3226, "sorned": 620},
+  {"period": "2011 W13", "licensed": 3245, "sorned": null},
+  {"period": "2011 W12", "licensed": 3289, "sorned": null},
+  {"period": "2011 W11", "licensed": 3263, "sorned": null},
+  {"period": "2011 W10", "licensed": 3189, "sorned": null},
+  {"period": "2011 W09", "licensed": 3079, "sorned": null},
+  {"period": "2011 W08", "licensed": 3085, "sorned": null},
+  {"period": "2011 W07", "licensed": 3055, "sorned": null},
+  {"period": "2011 W06", "licensed": 3063, "sorned": null},
+  {"period": "2011 W05", "licensed": 2943, "sorned": null},
+  {"period": "2011 W04", "licensed": 2806, "sorned": null},
+  {"period": "2011 W03", "licensed": 2674, "sorned": null},
+  {"period": "2011 W02", "licensed": 1702, "sorned": null},
+  {"period": "2011 W01", "licensed": 1732, "sorned": null}
+];
+Morris.Line({
+  element: 'graph',
+  data: week_data,
+  xkey: 'period',
+  ykeys: ['licensed', 'sorned'],
+  labels: ['Licensed', 'SORN']
+});
+</pre>
+</body>

data/vendor/assets/javascripts/morris/morris.coffee ADDED

@@ -0,0 +1,444 @@
+# The original line graph.
+#
+$ = jQuery
+Morris = {}
+class Morris.Line
+  # Initialise the graph.
+  #
+  # @param {Object} options
+  constructor: (options) ->
+    if not (this instanceof Morris.Line)
+      return new Morris.Line(options)
+    if typeof options.element is 'string'
+      @el = $ document.getElementById(options.element)
+    else
+      @el = $ options.element
+    @options = $.extend {}, @defaults, options
+    # bail if there's no data
+    if @options.data is undefined or @options.data.length is 0
+      return
+    @el.addClass 'graph-initialised'
+    @precalc()
+    @redraw()
+  # Default configuration
+  #
+  defaults:
+    lineWidth: 3
+    pointSize: 4
+    lineColors: [
+      '#0b62a4'
+      '#7A92A3'
+      '#4da74d'
+      '#afd8f8'
+      '#edc240'
+      '#cb4b4b'
+      '#9440ed'
+    ]
+    ymax: 'auto'
+    ymin: 'auto 0'
+    marginTop: 25
+    marginRight: 25
+    marginBottom: 30
+    marginLeft: 25
+    numLines: 5
+    gridLineColor: '#aaa'
+    gridTextColor: '#888'
+    gridTextSize: 12
+    gridStrokeWidth: 0.5
+    hoverPaddingX: 10
+    hoverPaddingY: 5
+    hoverMargin: 10
+    hoverFillColor: '#fff'
+    hoverBorderColor: '#ccc'
+    hoverBorderWidth: 2
+    hoverOpacity: 0.95
+    hoverLabelColor: '#444'
+    hoverFontSize: 12
+    smooth: true
+    hideHover: false
+    parseTime: true
+    units: ''
+    dateFormat: (x) -> new Date(x).toString()
+  # Do any necessary pre-processing for a new dataset
+  #
+  precalc: ->
+    # sort data
+    @options.data.sort (a, b) => (a[@options.xkey] < b[@options.xkey]) - (b[@options.xkey] < a[@options.xkey])
+    # extract labels
+    @columnLabels = $.map @options.data, (d) => d[@options.xkey]
+    @seriesLabels = @options.labels
+    # extract series data
+    @series = []
+    for ykey in @options.ykeys
+      series_data = []
+      for d in @options.data
+        series_data.push(d[ykey])
+      @series.push(series_data)
+    # translate x labels into nominal dates
+    # note: currently using decimal years to specify dates
+    if @options.parseTime
+      @xvals = $.map @columnLabels, (x) => @parseYear x
+    else
+      @xvals = [(@columnLabels.length-1)..0]
+    # translate column labels, if they're timestamps
+    if @options.parseTime
+      @columnLabels = $.map @columnLabels, (d) =>
+        if typeof d is 'number'
+          @options.dateFormat(d)
+        else
+          d
+    @xmin = Math.min.apply null, @xvals
+    @xmax = Math.max.apply null, @xvals
+    if @xmin is @xmax
+      @xmin -= 1
+      @xmax += 1
+    # Compute the vertical range of the graph if desired
+    if typeof @options.ymax is 'string' and @options.ymax[0..3] is 'auto'
+      # use Array.concat to flatten arrays and find the max y value
+      ymax = Math.max.apply null, Array.prototype.concat.apply([], @series)
+      if @options.ymax.length > 5
+        @options.ymax = Math.max parseInt(@options.ymax[5..], 10), ymax
+      else
+        @options.ymax = ymax
+    if typeof @options.ymin is 'string' and @options.ymin[0..3] is 'auto'
+      ymin = Math.min.apply null, Array.prototype.concat.apply([], @series)
+      if @options.ymin.length > 5
+        @options.ymin = Math.min parseInt(@options.ymin[5..], 10), ymin
+      else
+        @options.ymin = ymin
+    # Some instance variables for later
+    @pointGrow = Raphael.animation r: @options.pointSize + 3, 25, 'linear'
+    @pointShrink = Raphael.animation r: @options.pointSize, 25, 'linear'
+    @elementWidth = null
+    @elementHeight = null
+    # column hilight events
+    @prevHilight = null
+    @el.mousemove (evt) =>
+      @updateHilight evt.pageX
+    if @options.hideHover
+      @el.mouseout (evt) =>
+        @hilight null
+    touchHandler = (evt) =>
+      touch = evt.originalEvent.touches[0] or evt.originalEvent.changedTouches[0]
+      @updateHilight touch.pageX
+      return touch
+    @el.bind 'touchstart', touchHandler
+    @el.bind 'touchmove', touchHandler
+    @el.bind 'touchend', touchHandler
+  # Do any size-related calculations
+  #
+  calc: ->
+    w = @el.width()
+    h = @el.height()
+    if @elementWidth != w or @elementHeight != h
+      # calculate grid dimensions
+      @maxYLabelWidth = Math.max(
+        @measureText(@options.ymin + @options.units, @options.gridTextSize).width,
+        @measureText(@options.ymax + @options.units, @options.gridTextSize).width)
+      @left = @maxYLabelWidth + @options.marginLeft
+      @width = @el.width() - @left - @options.marginRight
+      @height = @el.height() - @options.marginTop - @options.marginBottom
+      @dx = @width / (@xmax - @xmin)
+      @dy = @height / (@options.ymax - @options.ymin)
+      # calculate series data point coordinates
+      @columns = (@transX(x) for x in @xvals)
+      @seriesCoords = []
+      for s in @series
+        scoords = []
+        $.each s, (i, y) =>
+            if y == null
+              scoords.push(null)
+            else
+              scoords.push(x: @columns[i], y: @transY(y))
+        @seriesCoords.push(scoords)
+      # calculate hover margins
+      @hoverMargins = $.map @columns.slice(1), (x, i) => (x + @columns[i]) / 2
+  # quick translation helpers
+  #
+  transX: (x) =>
+    if @xvals.length is 1
+      @left + @width / 2
+    else
+     @left + (x - @xmin) * @dx
+  transY: (y) =>
+    return @options.marginTop + @height - (y - @options.ymin) * @dy
+  # Clear and redraw the graph
+  #
+  redraw: ->
+    # remove child elements (get rid of old drawings)
+    @el.empty()
+    # the raphael drawing instance
+    @r = new Raphael(@el[0])
+    @calc()
+    @drawGrid()
+    @drawSeries()
+    @drawHover()
+    @hilight(if @options.hideHover then null else 0)
+  # draw the grid, and axes labels
+  #
+  drawGrid: ->
+    # draw y axis labels, horizontal lines
+    yInterval = (@options.ymax - @options.ymin) / (@options.numLines - 1)
+    firstY = Math.ceil(@options.ymin / yInterval) * yInterval
+    lastY = Math.floor(@options.ymax / yInterval) * yInterval
+    for lineY in [firstY..lastY] by yInterval
+      v = Math.floor(lineY)
+      y = @transY(v)
+      @r.text(@left - @options.marginLeft/2, y, @commas(v) + @options.units)
+        .attr('font-size', @options.gridTextSize)
+        .attr('fill', @options.gridTextColor)
+        .attr('text-anchor', 'end')
+      @r.path("M#{@left},#{y}H#{@left + @width}")
+        .attr('stroke', @options.gridLineColor)
+        .attr('stroke-width', @options.gridStrokeWidth)
+    ## draw x axis labels
+    prevLabelMargin = null
+    xLabelMargin = 50 # make this an option?
+    if @options.parseTime
+      x1 = new Date(@xmin).getFullYear()
+      x2 = new Date(@xmax).getFullYear()
+    else
+      x1 = @xmin
+      x2 = @xmax
+    for i in [x1..x2]
+      if @options.parseTime
+        xpos = new Date(i, 0, 1).getTime()
+        if xpos < @xmin
+          continue
+      else
+        xpos = i
+      labelText = if @options.parseTime then i else @columnLabels[@columnLabels.length-i-1]
+      label = @r.text(@transX(xpos), @options.marginTop + @height + @options.marginBottom / 2, labelText)
+        .attr('font-size', @options.gridTextSize)
+        .attr('fill', @options.gridTextColor)
+      labelBox = label.getBBox()
+      # ensure a minimum of `xLabelMargin` pixels between labels
+      if prevLabelMargin is null or prevLabelMargin <= labelBox.x
+        prevLabelMargin = labelBox.x + labelBox.width + xLabelMargin
+      else
+        label.remove()
+  # draw the data series
+  #
+  drawSeries: ->
+    for i in [@seriesCoords.length-1..0]
+      coords = @seriesCoords[i]
+      if coords.length > 1
+        path = @createPath coords, @options.marginTop, @left, @options.marginTop + @height, @left + @width
+        @r.path(path)
+          .attr('stroke', @options.lineColors[i])
+          .attr('stroke-width', @options.lineWidth)
+    @seriesPoints = ([] for i in [0..@seriesCoords.length-1])
+    for i in [@seriesCoords.length-1..0]
+      for c in @seriesCoords[i]
+        if c == null
+          circle = null
+        else
+          circle = @r.circle(c.x, c.y, @options.pointSize)
+            .attr('fill', @options.lineColors[i])
+            .attr('stroke-width', 1)
+            .attr('stroke', '#ffffff')
+        @seriesPoints[i].push(circle)
+  # create a path for a data series
+  #
+  createPath: (all_coords, top, left, bottom, right) ->
+    path = ""
+    coords = $.map(all_coords, (c) -> c)
+    if @options.smooth
+      grads = @gradients coords
+      for i in [0..coords.length-1]
+        c = coords[i]
+        if i is 0
+          path += "M#{c.x},#{c.y}"
+        else
+          g = grads[i]
+          lc = coords[i - 1]
+          lg = grads[i - 1]
+          ix = (c.x - lc.x) / 4
+          x1 = lc.x + ix
+          y1 = Math.min(bottom, lc.y + ix * lg)
+          x2 = c.x - ix
+          y2 = Math.min(bottom, c.y - ix * g)
+          path += "C#{x1},#{y1},#{x2},#{y2},#{c.x},#{c.y}"
+    else
+      path = "M" + $.map(coords, (c) -> "#{c.x},#{c.y}").join("L")
+    return path
+  # calculate a gradient at each point for a series of points
+  #
+  gradients: (coords) ->
+    $.map coords, (c, i) ->
+      if i is 0
+        (coords[1].y - c.y) / (coords[1].x - c.x)
+      else if i is (coords.length - 1)
+        (c.y - coords[i - 1].y) / (c.x - coords[i - 1].x)
+      else
+        (coords[i + 1].y - coords[i - 1].y) / (coords[i + 1].x - coords[i - 1].x)
+  # draw the hover tooltip
+  #
+  drawHover: ->
+    # hover labels
+    @hoverHeight = @options.hoverFontSize * 1.5 * (@series.length + 1)
+    @hover = @r.rect(-10, -@hoverHeight / 2 - @options.hoverPaddingY, 20, @hoverHeight + @options.hoverPaddingY * 2, 10)
+      .attr('fill', @options.hoverFillColor)
+      .attr('stroke', @options.hoverBorderColor)
+      .attr('stroke-width', @options.hoverBorderWidth)
+      .attr('opacity', @options.hoverOpacity)
+    @xLabel = @r.text(0, (@options.hoverFontSize * 0.75) - @hoverHeight / 2, '')
+      .attr('fill', @options.hoverLabelColor)
+      .attr('font-weight', 'bold')
+      .attr('font-size', @options.hoverFontSize)
+    @hoverSet = @r.set()
+    @hoverSet.push(@hover)
+    @hoverSet.push(@xLabel)
+    @yLabels = []
+    for i in [0..@series.length-1]
+      yLabel = @r.text(0, @options.hoverFontSize * 1.5 * (i + 1.5) - @hoverHeight / 2, '')
+        .attr('fill', @options.lineColors[i])
+        .attr('font-size', @options.hoverFontSize)
+      @yLabels.push(yLabel)
+      @hoverSet.push(yLabel)
+  updateHover: (index) =>
+    @hoverSet.show()
+    @xLabel.attr('text', @columnLabels[index])
+    for i in [0..@series.length-1]
+      @yLabels[i].attr('text', "#{@seriesLabels[i]}: #{@commas(@series[i][index])}#{@options.units}")
+    # recalculate hover box width
+    maxLabelWidth = Math.max.apply null, $.map @yLabels, (l) ->
+      l.getBBox().width
+    maxLabelWidth = Math.max maxLabelWidth, @xLabel.getBBox().width
+    @hover.attr 'width', maxLabelWidth + @options.hoverPaddingX * 2
+    @hover.attr 'x', -@options.hoverPaddingX - maxLabelWidth / 2
+    # move to y pos
+    yloc = Math.min.apply null, $.map @series, (s) =>
+      @transY s[index]
+    if yloc > @hoverHeight + @options.hoverPaddingY * 2 + @options.hoverMargin + @options.marginTop
+      yloc = yloc - @hoverHeight / 2 - @options.hoverPaddingY - @options.hoverMargin
+    else
+      yloc = yloc + @hoverHeight / 2 + @options.hoverPaddingY + @options.hoverMargin
+    yloc = Math.max @options.marginTop + @hoverHeight / 2 + @options.hoverPaddingY, yloc
+    yloc = Math.min @options.marginTop + @height - @hoverHeight / 2 - @options.hoverPaddingY, yloc
+    xloc = Math.min @left + @width - maxLabelWidth / 2 - @options.hoverPaddingX, @columns[index]
+    xloc = Math.max @left + maxLabelWidth / 2 + @options.hoverPaddingX, xloc
+    @hoverSet.attr 'transform', "t#{xloc},#{yloc}"
+  hideHover: ->
+    @hoverSet.hide()
+  hilight: (index) =>
+    if @prevHilight isnt null and @prevHilight isnt index
+      for i in [0..@seriesPoints.length-1]
+        if @seriesPoints[i][@prevHilight]
+          @seriesPoints[i][@prevHilight].animate @pointShrink
+    if index isnt null and @prevHilight isnt index
+      for i in [0..@seriesPoints.length-1]
+        if @seriesPoints[i][index]
+          @seriesPoints[i][index].animate @pointGrow
+      @updateHover index
+    @prevHilight = index
+    if index is null
+      @hideHover()
+  updateHilight: (x) =>
+    x -= @el.offset().left
+    for hoverIndex in [@hoverMargins.length..0]
+      if hoverIndex == 0 || @hoverMargins[hoverIndex - 1] > x
+        @hilight hoverIndex
+        break
+  measureText: (text, fontSize = 12) ->
+    tt = @r.text(100, 100, text).attr('font-size', fontSize)
+    ret = tt.getBBox()
+    tt.remove()
+    return ret
+  parseYear: (date) ->
+    if typeof date is 'number'
+      return date
+    m = date.match /^(\d+) Q(\d)$/
+    n = date.match /^(\d+)-(\d+)$/
+    o = date.match /^(\d+)-(\d+)-(\d+)$/
+    p = date.match /^(\d+) W(\d+)$/
+    q = date.match /^(\d+)-(\d+)-(\d+) (\d+):(\d+)$/
+    r = date.match /^(\d+)-(\d+)-(\d+) (\d+):(\d+):(\d+(\.\d+)?)$/
+    if m
+      new Date(
+        parseInt(m[1], 10),
+        parseInt(m[2], 10) * 3 - 1,
+        1).getTime()
+    else if n
+      new Date(
+        parseInt(n[1], 10),
+        parseInt(n[2], 10) - 1,
+        1).getTime()
+    else if o
+      new Date(
+        parseInt(o[1], 10),
+        parseInt(o[2], 10) - 1,
+        parseInt(o[3], 10)).getTime()
+    else if p
+      # calculate number of weeks in year given
+      ret = new Date(parseInt(p[1], 10), 0, 1);
+      # first thursday in year (ISO 8601 standard)
+      if ret.getDay() isnt 4
+        ret.setMonth(0, 1 + ((4 - ret.getDay()) + 7) % 7);
+      # add weeks
+      ret.getTime() + parseInt(p[2], 10) * 604800000
+    else if q
+      new Date(
+        parseInt(q[1], 10),
+        parseInt(q[2], 10) - 1,
+        parseInt(q[3], 10),
+        parseInt(q[4], 10),
+        parseInt(q[5], 10)).getTime()
+    else if r
+      secs = parseFloat(r[6])
+      isecs = Math.floor(secs)
+      msecs = Math.floor((secs - isecs) * 1000)
+      new Date(
+        parseInt(r[1], 10),
+        parseInt(r[2], 10) - 1,
+        parseInt(r[3], 10),
+        parseInt(r[4], 10),
+        parseInt(r[5], 10),
+        isecs,
+        msecs).getTime()
+    else
+      new Date(parseInt(date, 10), 0, 1)
+  # make long numbers prettier by inserting commas
+  # eg: commas(1234567) -> '1,234,567'
+  #
+  commas: (num) ->
+    if num is null
+      "n/a"
+    else
+      ret = if num < 0 then "-" else ""
+      absnum = Math.abs(num)
+      intnum = Math.floor(absnum).toFixed(0)
+      ret += intnum.replace(/(?=(?:\d{3})+$)(?!^)/g, ',')
+      strabsnum = absnum.toString()
+      if strabsnum.length > intnum.length
+        ret += strabsnum.slice(intnum.length)
+      ret
+window.Morris = Morris
+# vim: set et ts=2 sw=2 sts=2