diff --git a/src/components/analytics/CountmeAnalyticsCharts.tsx b/src/components/analytics/CountmeAnalyticsCharts.tsx index d7e489aa..2fd04a97 100644 --- a/src/components/analytics/CountmeAnalyticsCharts.tsx +++ b/src/components/analytics/CountmeAnalyticsCharts.tsx @@ -211,6 +211,12 @@ export default function CountmeAnalyticsCharts(): React.JSX.Element { const ltsSeries = gapSafe( heroFilteredWeeks.map((w) => w["bluefin-lts"] ?? null), ); + const dakotaSeries = gapSafe( + heroFilteredWeeks.map((w) => w.dakota ?? null), + ); + const utahSeries = gapSafe( + heroFilteredWeeks.map((w) => w.utah ?? null), + ); return { xAxis: { @@ -244,6 +250,28 @@ export default function CountmeAnalyticsCharts(): React.JSX.Element { lineStyle: { width: 3, color: "#bc8cff", type: [6, 3] }, connectNulls: false, }, + { + name: "Dakota", + type: "line", + data: dakotaSeries, + smooth: true, + showSymbol: true, + symbolSize: 6, + itemStyle: { color: "#39d2c0" }, + lineStyle: { width: 3, color: "#39d2c0", type: [2, 2] }, + connectNulls: false, + }, + { + name: "Utah", + type: "line", + data: utahSeries, + smooth: true, + showSymbol: true, + symbolSize: 6, + itemStyle: { color: "#f0883e" }, + lineStyle: { width: 3, color: "#f0883e", type: [1, 2] }, + connectNulls: false, + }, ], }; } @@ -343,6 +371,22 @@ export default function CountmeAnalyticsCharts(): React.JSX.Element { itemStyle: { color: seriesColor(1) }, lineStyle: { type: seriesDash(1) }, }, + { + name: "Dakota", + type: "line", + data: gapSafe(filteredWeeks.map((w) => w.dakota ?? null)), + connectNulls: false, + itemStyle: { color: "#39d2c0" }, + lineStyle: { type: seriesDash(3) }, + }, + { + name: "Utah", + type: "line", + data: gapSafe(filteredWeeks.map((w) => w.utah ?? null)), + connectNulls: false, + itemStyle: { color: "#f0883e" }, + lineStyle: { type: seriesDash(4) }, + }, ); } else { // Total Bluefin family