text: /* ------------------------------------------------------------------------------
   *
   *  # Dimple.js - vertical grouped stacked area
   *
   *  Demo of grouped stacked area chart. Data stored in .tsv file format
   *
   * ---------------------------------------------------------------------------- */
  
  
  // Setup module
  // ------------------------------
  
  var DimpleAreaVerticalStackedGrouped = function() {
  
  
      //
      // Setup module components
      //
  
      // Chart
      var _areaVerticalStackedGrouped = function() {
          if (typeof dimple == 'undefined') {
              console.warn('Warning - dimple.min.js is not loaded.');
              return;
          }
  
          // Main variables
          var element = document.getElementById('dimple-area-vertical-stacked-grouped');
  
  
          // Initialize chart only if element exsists in the DOM
          if(element) {
  
              // Construct chart
              var svg = dimple.newSvg(element, "100%", 500);
  
  
              // Chart setup
              // ------------------------------
  
              d3.tsv("http://demo.interface.club/limitless/demo/bs4/Template/global_assets/demo_data/dimple/demo_data.tsv", function (data) {
  
                  // Filter data
                  data = dimple.filterData(data, "Owner", ["Aperture", "Black Mesa"])
  
  
                  // Create chart
                  // ------------------------------
  
                  // Define chart
                  var myChart = new dimple.chart(svg, data);
  
                  // Set bounds
                  myChart.setBounds(0, 0, "100%", "100%");
  
                  // Set margins
                  myChart.setMargins(70, 5, 180, 45);
  
  
                  // Create axes
                  // ------------------------------
  
                  // Horizontal
                  var x = myChart.addMeasureAxis("x", "Unit Sales");
  
                  // Vertical
                  var y = myChart.addCategoryAxis("y", ["Owner", "Month"]);
                      y.addGroupOrderRule("Date");
  
  
                  // Construct layout
                  // ------------------------------
  
                  // Add area
                  var s = myChart.addSeries("SKU", dimple.plot.area);
  
                  // Line weight
                  s.lineWeight = 1;
  
                  // Area spacing
                  s.barGap = 0.05;
  
  
                  // Add legend
                  // ------------------------------
  
                  var myLegend = myChart.addLegend("100%", 0, 0, "100%", "right");
  
  
                  // Add styles
                  // ------------------------------
  
                  // Font size
                  x.fontSize = "12";
                  y.fontSize = "12";
  
                  // Font family
                  x.fontFamily = "Roboto";
                  y.fontFamily = "Roboto";
  
                  // Legend font style
                  myLegend.fontSize = "12";
                  myLegend.fontFamily = "Roboto";
  
  
                  //
                  // Draw chart
                  //
  
                  // Draw
                  myChart.draw();
  
                  // Position legend text
                  myLegend.shapes.selectAll("text").attr("dy", "1");
  
  
                  // Resize chart
                  // ------------------------------
  
                  // Add a method to draw the chart on resize of the window
                  $(window).on('resize', resize);
                  $('.sidebar-control').on('click', resize);
  
                  // Resize function
                  function resize() {
  
                      // Redraw chart
                      myChart.draw(0, true);
  
                      // Position legend text
                      myLegend.shapes.selectAll("text").attr("dy", "1");
                  }
              });
          }
      };
  
  
      //
      // Return objects assigned to module
      //
  
      return {
          init: function() {
              _areaVerticalStackedGrouped();
          }
      }
  }();
  
  
  // Initialize module
  // ------------------------------
  
  document.addEventListener('DOMContentLoaded', function() {
      DimpleAreaVerticalStackedGrouped.init();
  });
  