August data

reports/src/graphs/companyRank.ts

@@ -134,7 +134,10 @@ export class CompanyRank implements Graph {
         tableData = indices.map(i => tableData[i]);
         tableDisplay = indices.map(i => tableDisplay[i]);
 
-        const title = "Production Ranking of " + companyName + " - " + prettyMonthName(configValues.month);
+        // Get overall ranks for the title
+        const volumeRank = fullCompanyData.totals.volumeRank;
+
+        const title = "Production Ranking of " + companyName + " - " + prettyMonthName(configValues.month) + "\nVolume: #" + fullCompanyData.totals[companyID].volumeRank + ", Profit: #" + fullCompanyData.totals[companyID].profitRank;
 
         const headers = ["Rank", "Ticker", "Amount [/day]", "Volume [$/day]", "Profit [$/day]"];
 

reports/src/graphs/marketOverview.ts

@@ -52,8 +52,8 @@ export class MarketOverview implements Graph {
             if (!tickerData) {
                 continue;
             }
-            labels.push(knownCompanies[key] ?? key);
-            parents.push("");
+            labels.push(knownCompanies[key] ?? (key.substring(0, 5) + "..."));
+            parents.push("Total");
             values.push(tickerData.amount);
             totalVolume += tickerData.volume;
             totalProfit += tickerData.profit;
@@ -64,6 +64,10 @@ export class MarketOverview implements Graph {
             return;
         }
 
+        labels.push("Total");
+        parents.push("");
+        values.push(totalAmount);
+
         const formatMoney = (num: number) => "$" + num.toLocaleString(undefined, { maximumFractionDigits: 0 });
         const title = `${ticker} Market - ${prettyMonthName(configValues.month)}`
             + "<br>"

reports/src/main - Copy.ts

@@ -1,65 +0,0 @@
-import { switchPlot } from "./core";
-import { CompanyHistory } from "./graphs/companyHistory";
-import { CompanyRank } from "./graphs/companyRank";
-import { CompanyTotals } from "./graphs/companyTotals";
-import { Graph } from "./graphs/graph";
-import { MatHistory } from "./graphs/matHistory";
-import { TopCompanies } from "./graphs/topCompanies";
-import { TopProduction } from "./graphs/topProduction";
-import { UniverseHistory } from "./graphs/universeHistory";
-import { addPermalink, updatePermalink } from "./permalink";
-import { addOption } from "./utils";
-
-window.onload = function() {
-	// Do permalink stuff
-	addPermalink();
-
-	// Populate the graph select with options
-	const graphSelect = document.getElementById("graphType") as HTMLSelectElement;
-
-	graphs.forEach(graph => {
-		addOption(graphSelect, graph.displayName, graph.id);
-	});
-
-	if(urlParams.type)
-	{
-		graphSelect.value = urlParams.type;
-	}
-
-	graphSelect.addEventListener("change", function() {
-		graphs.find(graph => graph.id == graphSelect.value)?.setConfigs();
-		switchPlot();
-	});
-
-	// Initialize default values
-	graphs.find(graph => graph.id == graphSelect.value)?.setConfigs(true);
-	switchPlot();
-
-	// Set the graphs to fullscreen
-	if(urlParams.hideOptions !== undefined)
-	{
-		const graphTypeContainer = document.getElementById('graphTypeContainer');
-		const topTabs = document.getElementById('topTabContainer');
-		const configDiv = document.getElementById("selectorSubtypes");
-		const plotContainer = document.getElementById("mainPlot")
-		if(topTabs && graphTypeContainer && configDiv)
-		{
-			topTabs.style.display = 'none';
-			graphTypeContainer.style.display = 'none';
-			configDiv.style.display = 'none';
-			plotContainer?.classList.add("fullScreen")
-		}
-	}
-}
-
-const urlParams = Object.fromEntries(new URLSearchParams(window.location.search));
-const loadedData = {};
-export const graphs: Graph[] = [
-	new TopProduction(loadedData, urlParams),
-	new TopCompanies(loadedData, urlParams),
-	new MatHistory(loadedData, urlParams),
-	new UniverseHistory(loadedData, urlParams),
-	new CompanyTotals(loadedData, urlParams),
-	new CompanyHistory(loadedData, urlParams),
-	new CompanyRank(loadedData, urlParams)
-];

reports/styles.css

@@ -181,6 +181,7 @@ button:hover {
 	font-size: 18px;
 	padding: 5px;
 	font-weight: bold;
+	white-space: pre-line;
 }
 
 table {