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

ui fixes

Browse Source
This commit is contained in:
MuslemRahimi 2025-03-05 21:53:46 +01:00
parent 957dd1dfca
commit f92deb1912
1 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/routes/stocks/[tickerID]/forecast/+page.svelte
View File

@ -148,7 +148,7 @@
// Step 1: Store original values // Step 1: Store original values
const formattedData = rawAnalystList.map((item) => const formattedData = rawAnalystList.map((item) =>
categories.map((cat) => item[cat] || 0), categories?.map((cat) => item[cat] || 0),
); );
// Step 2: Create normalized data for visualization // Step 2: Create normalized data for visualization
@ -170,10 +170,11 @@
})); }));
const xCategories = rawAnalystList.map((item) => { const xCategories = rawAnalystList.map((item) => {
const dateParts = item?.date?.split("-"); const dateParts = item.date.split("-");
const year = dateParts[0];
const monthIndex = parseInt(dateParts[1], 10) - 1; const monthIndex = parseInt(dateParts[1], 10) - 1;
return `${monthNames[monthIndex]} ${year}`; // Extract the last two digits of the year and prepend an apostrophe
const yearTwoDigits = "'" + dateParts[0].slice(-2);
return `${monthNames[monthIndex]} ${yearTwoDigits}`;
}); });
// Define and return the Highcharts options object // Define and return the Highcharts options object
@ -184,7 +185,7 @@
plotBackgroundColor: "#09090B", plotBackgroundColor: "#09090B",
animation: false, animation: false,
height: 360, // Add fixed height height: 360, // Add fixed height
marginTop: 40, // Reduce top margin marginTop: 30, // Reduce top margin
marginBottom: 60, // Increase bottom margin for x-axis labels marginBottom: 60, // Increase bottom margin for x-axis labels
}, },
legend: { legend: {
@ -230,9 +231,6 @@
plotOptions: { plotOptions: {
column: { column: {
stacking: "normal", // stacks the columns so that each column adds up to 100% stacking: "normal", // stacks the columns so that each column adds up to 100%
pointWidth: 40, // adjust this value as needed to mimic your desired "barWidth"
pointPadding: 0.1, // More spacing between bars
groupPadding: 0.1, // More spacing between groups
}, },
series: { series: {
animation: false, animation: false,
@ -877,7 +875,9 @@
> >
<div> <div>
<div class="flex flex-row items-center"> <div class="flex flex-row items-center">
<h2 class="mb-1 text-xl font-bold">AI Analyst Report</h2> <h2 class="mb-1 text-xl font-bold">
Latest Analyst Insight Report
</h2>
{#if latestInfoDate(data?.getAnalystInsight?.date)} {#if latestInfoDate(data?.getAnalystInsight?.date)}
<label <label
class="bg-[#fff] rounded text-black font-semibold text-xs px-2 py-0.5 ml-3" class="bg-[#fff] rounded text-black font-semibold text-xs px-2 py-0.5 ml-3"
@ -887,7 +887,9 @@
</div> </div>
{#if Object?.keys(data?.getAnalystInsight)?.length > 0} {#if Object?.keys(data?.getAnalystInsight)?.length > 0}
{#if data?.user?.tier === "Pro"} {#if data?.user?.tier === "Pro"}
<p>{data?.getAnalystInsight?.insight}</p> <p class="pr-2 sm:pr-4">
{data?.getAnalystInsight?.insight}
</p>
<p class="mt-5 italic text-white text-sm"> <p class="mt-5 italic text-white text-sm">
Updated {data?.getAnalystInsight?.date} Updated {data?.getAnalystInsight?.date}
</p> </p>