+ import ArrowLogo from "lucide-svelte/icons/move-up-right";
+
+ export let data;
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/routes/stocks/[tickerID]/statistics/employees/+page.svelte b/src/routes/stocks/[tickerID]/statistics/employees/+page.svelte
index 713c777d..877e4364 100644
--- a/src/routes/stocks/[tickerID]/statistics/employees/+page.svelte
+++ b/src/routes/stocks/[tickerID]/statistics/employees/+page.svelte
@@ -39,20 +39,15 @@
});
}
- function selectSortingMethod(state: string) {
- sortBy = state;
- }
-
function plotTotal() {
let dateList = [];
let employeeList = [];
- let growthList = [];
for (let i = 0; i < employeeHistory?.length; i++) {
const current = employeeHistory[i]?.employeeCount;
//const previousDividend = i === 0 ? 0 : employeeHistory[i - 1]?.dividend;
- dateList?.push(employeeHistory[i]?.filingDate);
+ dateList?.push(employeeHistory[i]?.filingDate?.slice(0, 4));
employeeList?.push(current);
//const growthRate = ( (currentDividend - previousDividend) / previousDividend ) ;
@@ -74,6 +69,10 @@
type: "category",
axisLabel: {
color: "#fff",
+ interval: 0, // Show all labels
+ rotate: 45, // Rotate labels for better readability
+ fontSize: 12, // Adjust font size if needed
+ margin: 10,
},
},
yAxis: [
@@ -93,7 +92,6 @@
name: "Total Employees",
data: employeeList,
type: "bar",
- barWidth: "80%",
smooth: true,
},
],
@@ -112,9 +110,8 @@
for (let i = 0; i < employeeHistory?.length; i++) {
const current = employeeHistory[i]?.employeeCount;
const previous = i === 0 ? 0 : employeeHistory[i - 1]?.employeeCount;
-
const change = current - previous;
- dateList?.push(employeeHistory[i]?.filingDate);
+ dateList?.push(employeeHistory[i]?.filingDate?.slice(0, 4));
changeList?.push(change);
}
@@ -132,6 +129,9 @@
type: "category",
axisLabel: {
color: "#fff",
+ interval: 0, // Show all labels
+ rotate: 45, // Rotate labels for better readability
+ fontSize: 12, // Adjust font size if needed
},
},
yAxis: [
@@ -140,7 +140,6 @@
splitLine: {
show: false, // Disable x-axis grid lines
},
-
axisLabel: {
show: false, // Hide y-axis labels
},
@@ -154,7 +153,6 @@
barWidth: "80%",
smooth: true,
itemStyle: {
- // Define colors based on positive/negative values
color: function (params) {
return params.data >= 0 ? "#22C55E" : "#F71F4F";
},
@@ -184,7 +182,7 @@
growthList?.push(0); // Pushing null if the growth calculation is not possible
}
- dateList?.push(employeeHistory[i]?.filingDate);
+ dateList?.push(employeeHistory[i]?.filingDate?.slice(0, 4));
}
const options = {
@@ -201,6 +199,10 @@
type: "category",
axisLabel: {
color: "#fff",
+ interval: 0, // Show all labels
+ rotate: 45, // Rotate labels for better readability
+ fontSize: 12, // Adjust font size if needed
+ margin: 10,
},
},
yAxis: [
@@ -588,22 +590,22 @@
|
Date
|
Employees
|
Change
|
Growth
|
@@ -630,16 +632,20 @@
- {abbreviateNumber(
- item?.employeeCount -
- historyList[index + 1]?.employeeCount,
- )}
+ {#if Number(item?.employeeCount - historyList[index + 1]?.employeeCount)}
+ {new Intl.NumberFormat("en")?.format(
+ item?.employeeCount -
+ historyList[index + 1]?.employeeCount,
+ )}
+ {:else}
+ -
+ {/if}
|
{#if index + 1 - historyList?.length === 0}
- 0.00%
+ -
{:else if item?.employeeCount - historyList[index + 1]?.employeeCount > 0}
+{(
@@ -659,7 +665,7 @@
)?.toFixed(2)}%
{:else}
- 0.00%
+ -
{/if}
|
diff --git a/src/routes/stocks/[tickerID]/statistics/market-cap/+layout.svelte b/src/routes/stocks/[tickerID]/statistics/market-cap/+layout.svelte
new file mode 100644
index 00000000..d88f86c4
--- /dev/null
+++ b/src/routes/stocks/[tickerID]/statistics/market-cap/+layout.svelte
@@ -0,0 +1,82 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/src/routes/watchlist/+layout.svelte b/src/routes/watchlist/+layout.svelte
index a8140420..824c9600 100644
--- a/src/routes/watchlist/+layout.svelte
+++ b/src/routes/watchlist/+layout.svelte
@@ -1,20 +1,10 @@