 
   svg = d3.select(container).append('svg')
     .on('mousemove', (d, i) -> mouseMoves.push d3.mouse g.node())
+
+  title = svg.append('text')
+    .style('text-anchor', 'middle')
 
   # TODO font
   g = svg

  hideLegend: false
  hideXAxis: false
  hideYAxis: false
  #lineWidth: 1

fgColorParams = ['axisLineColor', 'axisTextColor', 'crosshairLineColor', 'crosshairTextColor']

    g
      .attr("transform", "translate(#{margin.left},#{margin.top})")

    title
      .attr('x', margin.left + width / 2)
      .attr('y', 10)
      .attr('dy', params.titleTextSize)
      .text(params.title)
      .style('font-size': params.titleTextSize, 'font-weight': 'bold')
    invisibility(title, !params.title?)

    xAxisG
      .attr('transform', "translate(0, #{height})")
