text: /* ------------------------------------------------------------------------------
   *
   *  # Google Visualization - trendlines
   *
   *  Google Visualization trendline chart demonstration
   *
   * ---------------------------------------------------------------------------- */
  
  
  // Setup module
  // ------------------------------
  
  var GoogleTrendline = function() {
  
  
      //
      // Setup module components
      //
  
      // Trendline chart
      var _googleTrendline = function() {
          if (typeof google == 'undefined') {
              console.warn('Warning - Google Charts library is not loaded.');
              return;
          }
  
          // Initialize chart
          google.charts.load('current', {
              callback: function () {
  
                  // Draw chart
                  drawTrendline();
  
                  // Resize on sidebar width change
                  var sidebarToggle = document.querySelector('.sidebar-control');
                  sidebarToggle && sidebarToggle.addEventListener('click', drawTrendline);
  
                  // Resize on window resize
                  var resizeTrendline;
                  window.addEventListener('resize', function() {
                      clearTimeout(resizeTrendline);
                      resizeTrendline = setTimeout(function () {
                          drawTrendline();
                      }, 200);
                  });
              },
              packages: ['corechart']
          });
  
          // Chart settings
          function drawTrendline() {
  
              // Define charts element
              var trendline_element = document.getElementById('google-trendline');
  
              // Data
              var data = google.visualization.arrayToDataTable([
                  ['Week', 'Bugs', 'Tests'],
                  [1, 175, 10],
                  [2, 159, 20],
                  [3, 126, 35],
                  [4, 129, 40],
                  [5, 108, 60],
                  [6, 92, 70],
                  [7, 55, 72],
                  [8, 50, 97]
              ]);
  
              // Options
              var options = {
                  fontName: 'Roboto',
                  height: 400,
                  curveType: 'function',
                  fontSize: 12,
                  backgroundColor: 'transparent',
                  colors: [
                      '#2ed88f','#ffb980'
                  ],
                  chartArea: {
                      left: '5%',
                      width: '94%',
                      height: 350
                  },
                  hAxis: {
                      textStyle: {
                          color: '#fff'
                      },
                      baselineColor: '#697692',
                      gridlines:{
                          color: '#4b5975',
                          count: 10
                      },
                      minorGridlines: {
                          color: '#3e495f'
                      },
                      format: '#',
                      viewWindow: {
                          min: 0,
                          max: 9
                      }
                  },
                  vAxis: {
                      title: 'Bugs and tests',
                      titleTextStyle: {
                          fontSize: 13,
                          italic: false,
                          color: '#fff'
                      },
                      textStyle: {
                          color: '#fff'
                      },
                      baselineColor: '#697692',
                      gridlines:{
                          color: '#4b5975',
                          count: 10
                      },
                      minorGridlines: {
                          color: '#3e495f'
                      },
                      minValue: 0
                  },
                  trendlines: {
                      0: {
                          labelInLegend: 'Bug line',
                          visibleInLegend: true,
                      },
                      1: {
                          labelInLegend: 'Test line',
                          visibleInLegend: true,
                      }
                  },
                  legend: {
                      position: 'top',
                      alignment: 'end',
                      textStyle: {
                          color: '#fff'
                      }
                  }
              };
  
              // Draw chart
              var trendline = new google.visualization.ColumnChart(trendline_element);
              trendline.draw(data, options);
          }
      };
  
  
      //
      // Return objects assigned to module
      //
  
      return {
          init: function() {
              _googleTrendline();
          }
      }
  }();
  
  
  // Initialize module
  // ------------------------------
  
  GoogleTrendline.init();
  