Quelle  chart_footer.html   Sprache: HTML

      /* setup the chart and its options */                                                                                
      var chart = nv.models.lineChart()                                                                                    
                    .color(d3.scale.category10().range())                                                                  
                    .margin({left: 75, bottom: 100})                                                                        
                    .forceX([0]).forceY([0]);                                                                              
                                                                                                                           
      chart.x(function(datum){ return datum.r; })                                                                          
           .xAxis.options({                                                                                                
             axisLabel: customSettings.XLABEL || 'Changeset',
             tickFormat: d3.format('.0f')                                                                                  
           });
      chart.xAxis
        .tickValues(changesets_count)
        .tickFormat(function(d){return changesets[d]})
        .rotateLabels(-90);
                                                                                                                                                                                                       
      chart.y(function(datum){ return datum.v; })                                                    
            .yAxis.options({                                                                                              
              axisLabel: customSettings.YLABEL || 'GFlops'/*,
              tickFormat: function(val){ return d3.format('.0f')(val) + ' GFlops'; }*/
            });
      
      chart.tooltip.headerFormatter(function(d) { return changesets[d]
        + '

'
        + changesets_details[d] + "

"; });

      //chart.useInteractiveGuideline(true);
      d3.select('#chart').datum(data).call(chart);                                                                         
      var plot = d3.select('#chart > g');                                                                                  
                                                                                                                           
      /* setup the title */                                                                                                
      plot.append('text')                                                                                                  
          .style('font-size', '24px')                                                                                      
          .attr('text-anchor', 'middle').attr('x', '50%').attr('y', '20px')                                                
          .text(customSettings.TITLE || '');                                                                                                                   
                                                                                                                           
      /* ensure the chart is responsive */                                                                                 
      nv.utils.windowResize(chart.update);                                                                                 
    </script>                                                                                                              
  </body>                                                                                                                  
</html>