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:           Intereses por oferta:
            <div id="titlesOfferChart" style="height: 310px;"></div>
  
          </div><!--end myTabContent-->
  
          <div class="tab-pane active clearfix" id="registrations">
  
            Clientes registrados por mes:
            <div id="clientsChart" style="height: 310px;"></div>
  
negative.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']
      });
  
  
  </script>