analytics.html 2.88 KB
<style>
   .chart-holder {
   height: 325px;
   }
   .cirque-stats {
   text-align: center;
   }
   .cirque-stats .cirque-container {   
   margin-top: 1.5em;
   margin-bottom: 1.5em;   
   margin-right: 2em;
   margin-left: 2em;
   }
   .subnavbar .mainnav > li:nth-child(3) > a{
   color: #ff9900;
   }

   
</style>
<div class="main">
   <div class="container">
      <div class="row">
         <div class="col-md-6">
            <div class="widget stacked">
               <div class="widget-header">
                  <i class="icon-bar-chart"></i>
                  <h3>Monthly Fuel Sales</h3>
               </div>
               <!-- /widget-header -->
               <div class="widget-content">
                  <nvd3 options="optionsmfs" data="datamfs"></nvd3>
                  <!-- /bar-chart -->
               </div>
               <!-- /widget-content -->
            </div>
            <!-- /widget -->     
         </div>
         <!-- /.span6 -->
         <div class="col-md-6">
            <div class="widget stacked">
               <div class="widget-header">
                  <i class="icon-bar-chart"></i>
                  <h3>Historic Fuel Pricing</h3>
               </div>
               <!-- /widget-header -->
               <div class="widget-content">
                  <nvd3 options="optionshfp" data="datahfp"></nvd3>
                  <!-- /pie-chart -->
               </div>
               <!-- /widget-content -->
            </div>
            <!-- /widget -->        
         </div>
         <!-- /span6 -->
      </div>


      <div class="row">
      
      </div>
      <div class="row">
         <div class="col-md-6">
            <div class="widget stacked">
               <div class="widget-header">
                  <i class="icon-bar-chart"></i>
                  <h3>Customer Sources</h3>
               </div>
               <!-- /widget-header -->
               <div class="widget-content">
                  <nvd3 options="optionscs" data="datacs"></nvd3>
                  <!-- /pie-chart -->
               </div>
               <!-- /widget-content -->
            </div>
            <!-- /widget -->        
         </div>
         <!-- /span6 -->

          <div class="col-md-6">
            <div class="widget stacked">
               <div class="widget-header">
                  <i class="icon-bar-chart"></i>
                  <h3>Regional PAP Pricing</h3>
               </div>
               <!-- /widget-header -->
               <div class="widget-content">
                  <div id="map" style="width: 100%; height: 325px;"></div>
               </div>
               <!-- /widget-content -->
            </div>
            <!-- /widget -->     
         </div>
         <!-- /.span6 -->
        
      </div>
      
   </div>
   <!-- /container -->
</div>
<!-- /main -->