Add condition for checking is legend selected in case of single point

Shubhabrata08 · Mar 1, 2024 · 7aac617 · 7aac617
1 parent 9ef1039
commit 7aac617
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/packages/react-charting/src/components/LineChart/LineChart.base.tsx b/packages/react-charting/src/components/LineChart/LineChart.base.tsx
@@ -564,6 +564,8 @@ export class LineChartBase extends React.Component<ILineChartProps, ILineChartSt
       if (this._points[i].data.length === 1) {
         const { x: x1, y: y1, xAxisCalloutData, xAxisCalloutAccessibilityData } = this._points[i].data[0];
         const circleId = `${this._circleId}_${i}`;
+        const isLegendSelected: boolean =
+          this._legendHighlighted(legendVal) || this._noLegendHighlighted() || this.state.isSelectedLegend;
         pointsForLine.push(
           <circle
             id={circleId}
@@ -572,6 +574,7 @@ export class LineChartBase extends React.Component<ILineChartProps, ILineChartSt
             cx={this._xAxisScale(x1)}
             cy={this._yAxisScale(y1)}
             fill={activePoint === circleId ? theme!.semanticColors.bodyBackground : lineColor}
+            opacity={isLegendSelected ? 1 : 0.01}
             onMouseOver={this._handleHover.bind(
               this,
               x1,