$(document).ready(function() {
  $('.mgr_chart').each(function() {
    var chart = new EJSC.Chart(this, {
      show_legend: false, 
      show_titlebar: false, 
      axis_bottom: {
        caption: "", hint_caption: "Day:",
        formatter: new EJSC.DateFormatter({ format_string: 'MMM D' }),
        grid: { show: false }
      }, 
      axis_left:   {
        caption: 'MGR', hint_caption: "MGR:",
        formatter: new EJSC.NumberFormatter({ currency_symbol: "$", forced_decimals: 0, variable_decimals: 0 }),
        major_ticks: { min_interval: 5 }
      }, 
      allow_zoom: false, 
      show_mouse_position: false 
    });
    $(this).data('chart', chart);
    var data = $(this).data('data')
    chart.addSeries(new EJSC.BarSeries(new EJSC.ArrayDataHandler(data), {
      title: 'MGR',
      y_axis_formatter: new EJSC.NumberFormatter({ currency_symbol: "$", forced_decimals: 2, variable_decimals: 2 }),
      lineOpacity: 100, lineWidth: 2,
      opacity: 70, color: '6a8fb5',
      padding: { y_axis_min: 0, y_axis_max: 10 }
    }));
  });
});