text: /* ------------------------------------------------------------------------------
   *
   *  # Google Visualization - columns
   *
   *  Google Visualization column chart demonstration
   *
   * ---------------------------------------------------------------------------- */
  
  
  // Setup module
  // ------------------------------
  
  var GoogleColumnBasic = function () {
  
  
      //
      // Setup module components
      //
  
      // Column chart
      var _googleColumnBasic = 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
                  drawColumn();
  
                  // Resize on sidebar width change
                  $(document).on('click', '.sidebar-control', drawColumn);
  
                  // Resize on window resize
                  var resizeColumn;
                  $(window).on('resize', function () {
                      clearTimeout(resizeColumn);
                      resizeColumn = setTimeout(function () {
                          drawColumn();
                      }, 200);
                  });
              },
              packages: ['corechart']
          });
  
          // Chart settings
          function drawColumn() {
  
              // Define charts element
              var line_chart_element = document.getElementById('google-column');
  
              // Data
              var data = google.visualization.arrayToDataTable([
                  ['Year', 'Sales', 'Expenses'],
                  ['2004', 1000, 400],
                  ['2005', 1170, 460],
                  ['2006', 660, 1120],
                  ['2007', 1030, 540]
              ]);
  
  
              // Options
              var options_column = {
                  fontName: 'Roboto',
                  height: 400,
                  fontSize: 12,
                  chartArea: {
                      left: '5%',
                      width: '94%',
                      height: 350
                  },
                  tooltip: {
                      textStyle: {
                          fontName: 'Roboto',
                          fontSize: 13
                      }
                  },
                  vAxis: {
                      title: 'Sales and Expenses',
                      titleTextStyle: {
                          fontSize: 13,
                          italic: false
                      },
                      gridlines: {
                          color: '#e5e5e5',
                          count: 10
                      },
                      minValue: 0
                  },
                  legend: {
                      position: 'top',
                      alignment: 'center',
                      textStyle: {
                          fontSize: 12
                      }
                  }
              };
  
              // Draw chart
              var column = new google.visualization.ColumnChart(line_chart_element);
              column.draw(data, options_column);
          }
      };
  
  
      //
      // Return objects assigned to module
      //
  
      return {
          init: function () {
              _googleColumnBasic();
          }
      }
  }();
  
  
  // Initialize module
  // ------------------------------
  
  GoogleColumnBasic.init();
  