import Ember from 'ember';

export default function(defaultOptions) {
  let options = {
    title: {
      text: ''
    },
    chart: {
      type: 'area'
    },
    legend: {
      enabled: false
    },
    credits: {
      enabled: false
    },
    xAxis: {
      title: {
        text: ''
      },
      type: 'datetime',
      labels: {
        enabled: false
      }
    },
    yAxis: {
      title: {
        text: ''
      }
    },
    tooltip: {
      dateTimeLabelFormats: {
        hour: '%b %e, %Y'
      }
    },
    plotOptions: {
      series: {
        marker: {
          fillColor: "#518fc9",
            radius: 0,
            states: {
            hover: {
              enabled: true,
                radius: 5
            }
          }
        },
        shadow: false,
          states: {
          hover: {
            lineWidth: 3
          }
        }
      }
    }
  };
  return Ember.merge(defaultOptions, options);
}

@@ -457,43 +457,296 @@
     
-dateTimeLabelFormats: %7B%0A        hou
+// Mostly the dates are formatted as hours,%0A      // but better safe than sorry.%0A      dateTimeLabelFormats: %7B%0A        second: '%25b %25e, %25Y',%0A        minute: '%25b %25e, %25Y',%0A        hour: '%25b %25e, %25Y',%0A        day: '%25b %25e, %25Y',%0A        week: '%25b %25e, %25Y',%0A        month: '%25b %25e, %25Y',%0A        yea
 r: '

Make time formatting uniform