fix(FE): fixing line chart dashboard comparison

src/components/pages/dashboard/chart/DashboardLineChart.tsx

@@ -659,23 +659,29 @@ const DashboardLineChart = ({
                 seriesData = comparisonChart?.series || [];
               }
 
-              return seriesData
-                .filter((series) => visibleSeries.has(series.id))
-                .map((series, index) => {
+              return seriesData.map((series, originalIndex) => {
+                // Skip rendering if series is not visible
+                if (!visibleSeries.has(series.id)) {
+                  return null;
+                }
+
                 const isStandard = series.id
                   .toString()
                   .toLowerCase()
                   .includes('std');
-                  // Use series.id directly as dataKey to match dataset fields
                 const dataKey = series.id.toString();
 
                 return (
                   <Line
-                      key={`${series.id}--${index}`}
+                    key={`${series.id}--${originalIndex}`}
                     type='monotone'
                     dataKey={dataKey}
                     name={series.label}
-                      stroke={getLineColor(series.id, index, analysisMode)}
+                    stroke={getLineColor(
+                      series.id,
+                      originalIndex,
+                      analysisMode
+                    )}
                     opacity={isStandard ? 0.5 : 1}
                     strokeWidth={2}
                     strokeDasharray={isStandard ? '5 5' : undefined}
@@ -687,7 +693,7 @@ const DashboardLineChart = ({
                             fill: '#fff',
                             stroke: getLineColor(
                               series.id,
-                                index,
+                              originalIndex,
                               analysisMode
                             ),
                             strokeWidth: 2,