Charting: Tooltip disappear on escape click issue fixed in line chart (…

…microsoft#16491) * Tooltip disappear after click on escape issue fixed * Change files * email updated in change log file * updated deprecated property * updated code to trigger build Co-authored-by: Jameela Kowsar Shaik (Zen3 Infosolutions America Inc) <[email protected]>
kubkon · Jan 26, 2021 · 75957da · 75957da
1 parent 8155257
commit 75957da
Showing 1 changed file with 9 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
@@ -123,6 +123,9 @@ export class LineChartBase extends React.Component<ILineChartProps, ILineChartSt
       target: this.state.refSelected,
       isBeakVisible: false,
       gapSpace: 15,
+      onDismiss: this._closeCallout,
+      preventDismissOnEvent: () => true,
+      hidden: !(!this.props.hideTooltip && this.state.isCalloutVisible),
       ...this.props.calloutProps,
     };
     const tickParams = {
@@ -292,6 +295,12 @@ export class LineChartBase extends React.Component<ILineChartProps, ILineChartSt
     return legends;
   }
 
+  private _closeCallout = () => {
+    this.setState({
+      isCalloutVisible: false,
+    });
+  };
+
   private _createLines(): JSX.Element[] {
     const lines = [];
     if (this.state.isSelectedLegend) {