diff --git a/src/lib/components/Options/TickerFlow.svelte b/src/lib/components/Options/TickerFlow.svelte index f5e84fee..3e2de96b 100644 --- a/src/lib/components/Options/TickerFlow.svelte +++ b/src/lib/components/Options/TickerFlow.svelte @@ -102,9 +102,17 @@ title: { text: null, }, - legend: { - enabled: false, + enabled: true, + align: "left", // Positions legend at the left edge + verticalAlign: "top", // Positions legend at the top + layout: "horizontal", // Align items horizontally (use 'vertical' if preferred) + itemStyle: { + color: $mode === "light" ? "black" : "white", + }, + symbolWidth: 16, // Controls the width of the legend symbol + symbolRadius: 8, // Creates circular symbols (adjust radius as needed) + squareSymbol: false, // Ensures symbols are circular, not square }, credits: { enabled: false, diff --git a/src/routes/market-flow/+page.svelte b/src/routes/market-flow/+page.svelte index c801278c..97e66539 100644 --- a/src/routes/market-flow/+page.svelte +++ b/src/routes/market-flow/+page.svelte @@ -267,7 +267,16 @@ }, legend: { - enabled: false, + enabled: true, + align: "left", // Positions legend at the left edge + verticalAlign: "top", // Positions legend at the top + layout: "horizontal", // Align items horizontally (use 'vertical' if preferred) + itemStyle: { + color: $mode === "light" ? "black" : "white", + }, + symbolWidth: 16, // Controls the width of the legend symbol + symbolRadius: 8, // Creates circular symbols (adjust radius as needed) + squareSymbol: false, // Ensures symbols are circular, not square }, credits: { enabled: false, diff --git a/src/routes/market-flow/sector-flow/+page.svelte b/src/routes/market-flow/sector-flow/+page.svelte index 1f17563c..437510e6 100644 --- a/src/routes/market-flow/sector-flow/+page.svelte +++ b/src/routes/market-flow/sector-flow/+page.svelte @@ -292,7 +292,16 @@ }, legend: { - enabled: false, + enabled: true, + align: "left", // Positions legend at the left edge + verticalAlign: "top", // Positions legend at the top + layout: "horizontal", // Align items horizontally (use 'vertical' if preferred) + itemStyle: { + color: $mode === "light" ? "black" : "white", + }, + symbolWidth: 16, // Controls the width of the legend symbol + symbolRadius: 8, // Creates circular symbols (adjust radius as needed) + squareSymbol: false, // Ensures symbols are circular, not square }, credits: { enabled: false,