From 99992ec371b9a85e81a6c18fdfa7b8c74b81c979 Mon Sep 17 00:00:00 2001 From: MuslemRahimi Date: Mon, 6 Jan 2025 10:31:24 +0100 Subject: [PATCH] ui fixes --- .../etf/[tickerID]/options/+page.svelte | 2 +- .../options/hottest-contracts/+page.svelte | 21 ++++++++++++++----- .../stocks/[tickerID]/options/+page.svelte | 2 +- .../options/hottest-contracts/+page.svelte | 21 ++++++++++++++----- 4 files changed, 34 insertions(+), 12 deletions(-) diff --git a/src/routes/etf/[tickerID]/options/+page.svelte b/src/routes/etf/[tickerID]/options/+page.svelte index a08a0c67..0edc2029 100644 --- a/src/routes/etf/[tickerID]/options/+page.svelte +++ b/src/routes/etf/[tickerID]/options/+page.svelte @@ -60,7 +60,7 @@ month = (month < 10 ? "0" : "") + month; day = (day < 10 ? "0" : "") + day; - var formattedDate = day + "/" + year; + var formattedDate = month + "/" + day + "/" + year; return formattedDate; } diff --git a/src/routes/etf/[tickerID]/options/hottest-contracts/+page.svelte b/src/routes/etf/[tickerID]/options/hottest-contracts/+page.svelte index 61c3f049..72cd64ae 100644 --- a/src/routes/etf/[tickerID]/options/hottest-contracts/+page.svelte +++ b/src/routes/etf/[tickerID]/options/hottest-contracts/+page.svelte @@ -66,7 +66,7 @@ month = (month < 10 ? "0" : "") + month; day = (day < 10 ? "0" : "") + day; - var formattedDate = day + "/" + year; + var formattedDate = month + "/" + day + "/" + year; return formattedDate; } @@ -291,6 +291,7 @@ let dates = data?.map((item) => item?.date); let avgPrice = data?.map((item) => item?.avg_price); let priceList = data?.map((item) => item?.price); + let bidVolume = data?.map((item) => item?.bid_volume); let askVolume = data?.map((item) => item?.ask_volume); let midVolume = data?.map((item) => item?.mid_volume); @@ -328,20 +329,20 @@ createBarSeries("Mid", midVolume, "#007BFF", "Ratio"), createBarSeries("Bid", bidVolume, "#EE5365", "Ratio"), createLineSeries("Avg Fill", avgPrice, "#FAD776"), - createLineSeries("Stock Price", priceList, "#fff"), + createLineSeries("Stock Price", priceList, "#fff", 2), ]; } else if (selectGraphType === "Vol/OI") { series = [ createBarSeries("Volume", volumeList, "#FD7E14"), createBarSeries("OI", oiList, "#33B890"), createLineSeries("Avg Fill", avgPrice, "#FAD776"), - createLineSeries("Stock Price", priceList, "#fff"), + createLineSeries("Stock Price", priceList, "#fff", 2), ]; } else { series = [ createLineSeries("IV", ivList, "#B24BF3", 0), createLineSeries("Avg Fill", avgPrice, "#FAD776"), - createLineSeries("Stock Price", priceList, "#fff"), + createLineSeries("Stock Price", priceList, "#fff", 2), ]; } @@ -438,6 +439,16 @@ show: false, // Hide y-axis labels }, }, + { + type: "value", + splitLine: { + show: false, // Disable x-axis grid lines + }, + position: "top", + axisLabel: { + show: false, // Hide y-axis labels + }, + }, ], series: series, }; @@ -473,6 +484,7 @@ async function handleViewData(item) { isLoaded = false; + selectGraphType = "Bid/Ask"; optionDetailsDesktopModal?.showModal(); strikePrice = item?.strike_price; @@ -490,7 +502,6 @@ entry.price = matchingData?.close; } }); - console.log(rawDataHistory); optionsData = plotData(); rawDataHistory = rawDataHistory?.sort( (a, b) => new Date(b?.date) - new Date(a?.date), diff --git a/src/routes/stocks/[tickerID]/options/+page.svelte b/src/routes/stocks/[tickerID]/options/+page.svelte index d500ddf7..546007b6 100644 --- a/src/routes/stocks/[tickerID]/options/+page.svelte +++ b/src/routes/stocks/[tickerID]/options/+page.svelte @@ -60,7 +60,7 @@ month = (month < 10 ? "0" : "") + month; day = (day < 10 ? "0" : "") + day; - var formattedDate = day + "/" + year; + var formattedDate = month + "/" + day + "/" + year; return formattedDate; } diff --git a/src/routes/stocks/[tickerID]/options/hottest-contracts/+page.svelte b/src/routes/stocks/[tickerID]/options/hottest-contracts/+page.svelte index 0890a60f..94990b2c 100644 --- a/src/routes/stocks/[tickerID]/options/hottest-contracts/+page.svelte +++ b/src/routes/stocks/[tickerID]/options/hottest-contracts/+page.svelte @@ -66,7 +66,7 @@ month = (month < 10 ? "0" : "") + month; day = (day < 10 ? "0" : "") + day; - var formattedDate = day + "/" + year; + var formattedDate = month + "/" + day + "/" + year; return formattedDate; } @@ -291,6 +291,7 @@ let dates = data?.map((item) => item?.date); let avgPrice = data?.map((item) => item?.avg_price); let priceList = data?.map((item) => item?.price); + let bidVolume = data?.map((item) => item?.bid_volume); let askVolume = data?.map((item) => item?.ask_volume); let midVolume = data?.map((item) => item?.mid_volume); @@ -328,20 +329,20 @@ createBarSeries("Mid", midVolume, "#007BFF", "Ratio"), createBarSeries("Bid", bidVolume, "#EE5365", "Ratio"), createLineSeries("Avg Fill", avgPrice, "#FAD776"), - createLineSeries("Stock Price", priceList, "#fff"), + createLineSeries("Stock Price", priceList, "#fff", 2), ]; } else if (selectGraphType === "Vol/OI") { series = [ createBarSeries("Volume", volumeList, "#FD7E14"), createBarSeries("OI", oiList, "#33B890"), createLineSeries("Avg Fill", avgPrice, "#FAD776"), - createLineSeries("Stock Price", priceList, "#fff"), + createLineSeries("Stock Price", priceList, "#fff", 2), ]; } else { series = [ createLineSeries("IV", ivList, "#B24BF3", 0), createLineSeries("Avg Fill", avgPrice, "#FAD776"), - createLineSeries("Stock Price", priceList, "#fff"), + createLineSeries("Stock Price", priceList, "#fff", 2), ]; } @@ -438,6 +439,16 @@ show: false, // Hide y-axis labels }, }, + { + type: "value", + splitLine: { + show: false, // Disable x-axis grid lines + }, + position: "top", + axisLabel: { + show: false, // Hide y-axis labels + }, + }, ], series: series, }; @@ -473,6 +484,7 @@ async function handleViewData(item) { isLoaded = false; + selectGraphType = "Bid/Ask"; optionDetailsDesktopModal?.showModal(); strikePrice = item?.strike_price; @@ -490,7 +502,6 @@ entry.price = matchingData?.close; } }); - console.log(rawDataHistory); optionsData = plotData(); rawDataHistory = rawDataHistory?.sort( (a, b) => new Date(b?.date) - new Date(a?.date),