         break
     currentWeek
 
-  invoicesChart: (id, data) ->
+  baseChartOptions: (id, data) ->
     currentWeek = @getCurrentWeek(data.labels)
-    $(id).highcharts
+    {
       chart:
         type: 'line'
       credits:
         enabled: false
       title:
         text: null
-        useHTML: true
       noData:
         style:
           fontSize: "18px"

        ]
    series

  generateMonthCategories: (labels) ->
    categories = []
    for month, i in labels
      date = moment(month)

              mouseOver: ->
                $("#{id} .highcharts-xaxis-labels span").removeClass('hover')
                $("#{id} .highcharts-xaxis-labels span:contains(#{@category.short})").addClass('hover')
      xAxis:
        categories: @generateCategories(data.labels)
        title:
          text: null
        labels:
          format: '{value.short}'
          useHTML: true
        plotBands: [{
          color: 'rgba(155, 200, 255, 0.2)'
          from: currentWeek.start
          to: currentWeek.end
        }]
      yAxis:
        startOnTick: false
        title:
          text: null
      tooltip:
        crosshairs: [{
          color: 'rgba(200, 200, 200, 0.2)'
        }]
        shared: true
        headerFormat: '<div class="highcharts-tooltip-header"><b>{point.key.long}</b></div>'
        pointFormatter: ->
