anchor.diff:            Empresas registradas por mes:
             <div id="companyChart" style="height: 310px;"></div>
   
  -        </div><!--end myTabContent-->
  +        </div>
  +        <!--end myTabContent-->
   
  -        <div class="tab-pane active clearfix" id="publish">
  +        <div class=" clearfix" id="publish">
   
             Ofertas publicadas por mes:
             <div id="offerChart" style="height: 310px;"></div>
   
  -        </div><!--end myTabContent-->
  +        </div>
  +        <!--end myTabContent-->
   
         </div>
  -
   
   
       </article>
  
positive.code: </html>
  <script>
  
  new Morris.Donut({
      element: 'titlesChart',
      data: [
          <% Title.all.each do |t| %>
          {label: "<%=t.name%>", value: <%= t.num_clients %>},
          <% end %>
      ],
      colors: [
          '#FF0000',
          '#FF8000',
          '#FFFF00',
          '#80FF00',
          '#006600',
          '#00FF80',
          '#00CCCC',
          '#0000FF',
          '#000066',
          '#4C0099',
          '#FF00FF',
          '#FF99CC'
      ]
  });
  
  new Morris.Donut({
      element: 'titlesOfferChart',
      data: [
          <% Title.all.each do |t| %>
          {label: "<%=t.name%>", value: <%= t.num_offers %>},
          <% end %>
      ],
      colors: [
          '#FF0000',
          '#FF8000',
          '#FFFF00',
          '#80FF00',
          '#006600',
          '#00FF80',
          '#00CCCC',
          '#0000FF',
          '#000066',
          '#4C0099',
          '#FF00FF',
          '#FF99CC'
      ]
  });
  
  new Morris.Bar({
      element: 'clientsChart',
      data: [
          <% Statistics.client_registrations.each do |a| %>
              { y: '<%= a[0] %>', a: <%= a[1] %> },
          <% end %>
      ],
      xkey: 'y',
      ykeys: ['a'],
      labels: ['Clientes Registrados'],
      colors: [
          '#0000FF'
      ]
  });
  
  new Morris.Bar({
      element: 'companyChart',
      data: [
          <% Statistics.company_registrations.each do |a| %>
          { y: '<%= a[0] %>', a: <%= a[1] %> },
          <% end %>
      ],
      xkey: 'y',
      ykeys: ['a'],
      labels: ['Empresas Registradas']
  });
  
  new Morris.Bar({
      element: 'offerChart',
      data: [
          <% Statistics.offers_per_month.each do |a| %>
          { y: '<%= a[0] %>', a: <%= a[1] %> },
          <% end %>
      ],
      xkey: 'y',
      ykeys: ['a'],
      labels: ['Ofertas publicadas']
  });
  
  $('#registrations').attr("class","tab-pane");
  $('#publish').attr("class","tab-pane");
  
  
  </script>
negative.code:           Intereses por oferta:
            <div id="titlesOfferChart" style="height: 310px;"></div>
  
          </div>
          <!--end myTabContent-->
  
          <div class=" clearfix" id="registrations">
  
            Clientes registrados por mes:
            <div id="clientsChart" style="height: 310px;"></div>
  