<div id="mini-charts">
  <% Array.wrap(metrics).each do |metric| %>
    <div class="charts" id="chart-<%= metric.id %>" data-unit-pluralized="<%= metric.unit.pluralize %>" data-metric="<%= metric.name %>" data-source="<%= defined?(cinstance) ? usage_stats_data_applications_path(cinstance) : usage_stats_data_services_path(metric.service_id) %>">
      <% #TODO lenght 34 is the max that provider/dashboard and services/show charts allow w/o breaking %>
      <div class="metric-name"><%= truncate metric.friendly_name, :length => 34 %></div>
      <div class="spark"></div>
      <div class="total"></div>
      <div class="loading"><i class="fa fa-spinner fa-spin"></i></div>
    </div>
  <% end %>
</div>
