text: // ################################   Creates Dynamic CSS on page for charts. ################################################
  
  
  // create an element
  const style = document.createElement('style');
  
  // add CSS styles
  style.innerHTML = `
  @import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');
  
  body {
    font-family: "Source Sans Pro";
  }
  
  
      #chartdiv {
          width:950px!important;
  		height:500px!important;
      }
  
  `;
  
  // append to DOM
  document.head.appendChild(style);
  
  
  
  
  // ################################   CHART 1 DCX 10k Chart (Line) ################################################
  
  
  // Themes begin
  am4core.useTheme(am4themes_amcharts);
  // Themes end
  
  // Create chart instance
  var chart1 = am4core.create("chartdiv", am4charts.XYChart);
  
  // Set up data source
  chart1.dataSource.url = "../Data/Backups/Catalyst/DCX/DCX_GrowthOf10k.csv";
  chart1.dataSource.parser = new am4core.CSVParser();
  chart1.dataSource.parser.options.useColumnNames = true;
  
  // Set input format for the dates
  //chart1.dateFormatter.inputDateFormat = "yyyy-MM-dd";
  chart1.numberFormatter.numberFormat = "'$'#,###.";
  
  
  // Create axes
  var dateAxis = chart1.xAxes.push(new am4charts.DateAxis());
  dateAxis.renderer.labels.template.fontSize = "19px";
  dateAxis.renderer.grid.template.disabled = true;
  dateAxis.renderer.labels.template.location = 0.00001;
  
  dateAxis.renderer.minGridDistance = 40;
  dateAxis.renderer.labels.template.rotation = -45;
  dateAxis.renderer.labels.template.verticalCenter = "middle";
  dateAxis.renderer.labels.template.horizontalCenter = "right";
  dateAxis.renderer.labels.template.fontSize = "20px";
  dateAxis.gridIntervals.setAll([
    { timeUnit: "day", count: 1 },
    { timeUnit: "day", count: 30 }
  ]);
  dateAxis.dateFormats.setKey("day", "MM/YYYY");
  dateAxis.periodChangeDateFormats.setKey("day", "MM/YYYY"); 
  
  var valueAxis = chart1.yAxes.push(new am4charts.ValueAxis());
  valueAxis.renderer.labels.template.fontWeight = "Bold";
  valueAxis.renderer.labels.template.fontSize = "20px";
  
  valueAxis.numberFormatter = new am4core.NumberFormatter();
  valueAxis.numberFormatter.numberFormat = "'$'#,###";
  valueAxis.min = 7000;
  valueAxis.max = 11000; 
  // Create series
  var series1 = chart1.series.push(new am4charts.LineSeries());
  series1.dataFields.valueY = "Portfolio";
  series1.dataFields.dateX = "Date";
  series1.name = "DCXIX";
  series1.strokeWidth = 3;
  series1.tooltipText = "{valueY}";
  //series1.tensionX = 0.9;
  series1.stroke = am4core.color("#08da94");
     // series1.hide();
  
  
  var series2 = chart1.series.push(new am4charts.LineSeries());
  series2.dataFields.valueY = "Index";
  series2.dataFields.dateX = "Date";
  series2.name = "Bloomberg Commodity Index";
  series2.strokeWidth = 3;
  series2.tooltipText = "{valueY}";
  //series2.tensionX = 0.9;
  series2.stroke = am4core.color("#2d7abf");
     // series2.hide();
  
  
  // Add legend
  chart1.legend = new am4charts.Legend();
  chart1.legend.labels.template.fontSize = "20px";
  chart1.legend.labels.template.text = "{name}[/] [bold {color}]{valueY.close}";
  chart1.legend.labels.template.minWidth = 150;
  chart1.legend.labels.template.truncate = false;
  
  
  
  // Export this stuff
  chart1.exporting.menu = new am4core.ExportMenu();
  chart1.exporting.menu.items = [{
    "label": "...",
    "menu": [
            { "type": "svg", "label": "SVG" },
    ]
  }];
  chart1.exporting.filePrefix = "DCX_10k";
  
  // ################################   Export any charts OTHER THAN chart1 ################################################
  
  function loadFrame() {
       chart1.exporting.export('svg');
  };
  
  window.onload = setTimeout(loadFrame, 6000);
  