     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})")

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

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


  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
