AmineTMIRI/frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update metrics page

Browse Source
This commit is contained in:
MuslemRahimi 2024-10-20 21:16:25 +02:00
parent 48fe6ca96e
commit 7d41ba229a
2 changed files with 11 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/routes/stocks/[tickerID]/+layout.svelte
View File

@ -804,7 +804,7 @@ function handleTypeOfTrade(state:string)
: 'bg-[#09090B]'} mt-1 h-[3px] rounded-full w-[2rem]"
/>
</li>
{#if $stockTicker?.toLowerCase() === "nvda"}
{#if ["nvda", "aapl", "gme"]?.includes($stockTicker?.toLowerCase())}
<li class="cursor-pointer flex flex-col items-center">
<a
href={`/stocks/${$stockTicker}/metrics`}

37
src/routes/stocks/[tickerID]/metrics/[slug]/+page.svelte
View File

@ -12,11 +12,15 @@
import { LineChart, BarChart } from "echarts/charts";
import { GridComponent, TooltipComponent } from "echarts/components";
import { CanvasRenderer } from "echarts/renderers";
import { onMount } from "svelte";
use([LineChart, BarChart, GridComponent, TooltipComponent, CanvasRenderer]);
export let data;
const names =
data?.getBusinessMetrics?.revenue?.names?.map((name) =>
name?.toLowerCase()?.replace(/[ &]+/g, "-"),
) || [];
let isLoaded = false;
let optionsData;
@ -95,34 +99,12 @@
isLoaded = false;
dataset = [];
tableList = [];
// Find the index of the current getParams value in the names array
const index = names?.indexOf(data.getParams);
dataset = rawData?.map((entry) => ({
date: entry.date,
value:
data?.getParams === "data-center"
? entry?.value[0]
: data?.getParams === "gaming"
? entry?.value[1]
: data?.getParams === "visualization"
? entry?.value[2]
: data?.getParams === "automotive"
? entry?.value[3]
: data?.getParams === "oem-other"
? entry?.value[4]
: null,
valueGrowth:
data?.getParams === "data-center"
? entry?.valueGrowth[0]
: data?.getParams === "gaming"
? entry?.valueGrowth[1]
: data?.getParams === "visualization"
? entry?.valueGrowth[2]
: data?.getParams === "automotive"
? entry?.valueGrowth[3]
: data?.getParams === "oem-other"
? entry?.valueGrowth[4]
: null,
value: index !== -1 ? entry.value[index] : null,
valueGrowth: index !== -1 ? entry.valueGrowth[index] : null,
}));
tableList = [...dataset];
@ -130,6 +112,7 @@
tableList = tableList?.sort(
(a, b) => new Date(b?.date) - new Date(a?.date),
);
optionsData = plotData();
isLoaded = true;
}