diff --git a/src/lib/utils.ts b/src/lib/utils.ts index e50d23b9..a9a8827d 100644 --- a/src/lib/utils.ts +++ b/src/lib/utils.ts @@ -1301,6 +1301,7 @@ export function getPartyForPoliticians(name) { "John Delaney": "Democratic", "Cleo Fields": "Democratic", "James Banks": "Republican", + "April Delaney": "Democratic", }; // Combine first and last name to form the key diff --git a/src/routes/market-flow/+page.svelte b/src/routes/market-flow/+page.svelte index a5feec22..e70da1d9 100644 --- a/src/routes/market-flow/+page.svelte +++ b/src/routes/market-flow/+page.svelte @@ -263,12 +263,17 @@ }, title: { - text: null, + text: `

S&P500 Flow

`, + style: { + color: $mode === "light" ? "black" : "white", + // Using inline CSS for margin-top and margin-bottom + }, + useHTML: true, // Enable HTML to apply custom class styling }, legend: { enabled: true, - align: "left", // Positions legend at the left edge + align: "center", // Positions legend at the left edge verticalAlign: "top", // Positions legend at the top layout: "horizontal", // Align items horizontally (use 'vertical' if preferred) itemStyle: { @@ -297,10 +302,9 @@ // Format the x value to display time in a custom format let tooltipContent = `${new Date( this?.x, - ).toLocaleDateString("en-US", { - year: "numeric", - month: "short", - day: "numeric", + )?.toLocaleTimeString("en-US", { + hour: "2-digit", + minute: "2-digit", })}
`; // Loop through each point in the shared tooltip @@ -462,7 +466,7 @@ {#if config !== null}

Market Flow evaluates the balance between advancing and - declining stocks by analyzing SP& 500 price movements, net call + declining stocks by analyzing S&P500 price movements, net call premiums and net put premiums, providing a real-time snapshot of market sentiment and momentum. ${selectedSector} Flow`, + style: { + color: $mode === "light" ? "black" : "white", + // Using inline CSS for margin-top and margin-bottom + }, + useHTML: true, // Enable HTML to apply custom class styling }, legend: { enabled: true, - align: "left", // Positions legend at the left edge + align: "center", // Positions legend at the left edge verticalAlign: "top", // Positions legend at the top layout: "horizontal", // Align items horizontally (use 'vertical' if preferred) itemStyle: { @@ -322,10 +325,9 @@ // Format the x value to display time in a custom format let tooltipContent = `${new Date( this?.x, - ).toLocaleDateString("en-US", { - year: "numeric", - month: "short", - day: "numeric", + )?.toLocaleTimeString("en-US", { + hour: "2-digit", + minute: "2-digit", })}
`; // Loop through each point in the shared tooltip @@ -461,11 +463,10 @@ }, }; - isLoading = false; return options; } - config = marketTideData ? getPlotOptions() : null; + config = marketTideData ? plotData() : null; $: { if (selectedSector || $mode) { @@ -481,7 +482,7 @@ originalNegTickers = topNegNetPremium; displayNegTickers = topNegNetPremium; - config = marketTideData ? getPlotOptions() : null; + config = marketTideData ? plotData() : null; } }