Add field to determine if charts are sample anomalies or not

ohltyler · Dec 14, 2020 · 33b4c0c · 33b4c0c
1 parent 8e2aceb
commit 33b4c0c
Show file tree

Hide file tree

Showing 7 changed files with 22 additions and 10 deletions.
diff --git a/public/pages/AnomalyCharts/containers/AnomaliesChart.tsx b/public/pages/AnomalyCharts/containers/AnomaliesChart.tsx
@@ -65,6 +65,7 @@ interface AnomaliesChartProps {
   dateRange: DateRange;
   isLoading: boolean;
   showAlerts?: boolean;
+  isNotSample?: boolean;
   detector: Detector;
   monitor?: Monitor;
   children: React.ReactNode | React.ReactNode[];
@@ -240,20 +241,21 @@ export const AnomaliesChart = React.memo((props: AnomaliesChartProps) => {
                               anomalySummary={INITIAL_ANOMALY_SUMMARY}
                               isLoading={props.isLoading}
                               anomalyGradeSeriesName={getAnomalyGradeWording(
-                                props.showAlerts
+                                props.isNotSample
                               )}
                               confidenceSeriesName={getConfidenceWording(
-                                props.showAlerts
+                                props.isNotSample
                               )}
                               showAlerts={props.showAlerts}
+                              isNotSample={props.isNotSample}
                               detector={props.detector}
                               isHCDetector={props.isHCDetector}
                               selectedHeatmapCell={props.selectedHeatmapCell}
                             />,
                             <EuiSpacer size="m" />,
                             <FeatureBreakDown
                               title={getFeatureBreakdownWording(
-                                props.showAlerts
+                                props.isNotSample
                               )}
                               //@ts-ignore
                               detector={props.newDetector}
@@ -266,7 +268,7 @@ export const AnomaliesChart = React.memo((props: AnomaliesChartProps) => {
                               //@ts-ignore
                               dateRange={props.zoomRange}
                               featureDataSeriesName={getFeatureDataWording(
-                                props.showAlerts
+                                props.isNotSample
                               )}
                               isHCDetector={props.isHCDetector}
                               selectedHeatmapCell={props.selectedHeatmapCell}
@@ -287,9 +289,10 @@ export const AnomaliesChart = React.memo((props: AnomaliesChartProps) => {
               bucketizedAnomalies={props.bucketizedAnomalies}
               anomalySummary={props.anomalySummary}
               isLoading={props.isLoading}
-              anomalyGradeSeriesName={getAnomalyGradeWording(props.showAlerts)}
-              confidenceSeriesName={getConfidenceWording(props.showAlerts)}
+              anomalyGradeSeriesName={getAnomalyGradeWording(props.isNotSample)}
+              confidenceSeriesName={getConfidenceWording(props.isNotSample)}
               showAlerts={props.showAlerts}
+              isNotSample={props.isNotSample}
               detector={props.detector}
               monitor={props.monitor}
               isHCDetector={props.isHCDetector}

diff --git a/public/pages/AnomalyCharts/containers/AnomalyDetailsChart.tsx b/public/pages/AnomalyCharts/containers/AnomalyDetailsChart.tsx
@@ -86,6 +86,7 @@ interface AnomalyDetailsChartProps {
   dateRange: DateRange;
   isLoading: boolean;
   showAlerts?: boolean;
+  isNotSample?: boolean;
   anomalyGradeSeriesName: string;
   confidenceSeriesName: string;
   detector: Detector;
@@ -200,7 +201,7 @@ export const AnomalyDetailsChart = React.memo(
           <EuiFlexItem>
             <EuiStat
               title={isLoading ? '-' : anomalySummary.anomalyOccurrence}
-              description={getAnomalyOccurrenceWording(props.showAlerts)}
+              description={getAnomalyOccurrenceWording(props.isNotSample)}
               titleSize="s"
             />
           </EuiFlexItem>
@@ -209,7 +210,7 @@ export const AnomalyDetailsChart = React.memo(
               isLoading={isLoading}
               minValue={anomalySummary.minAnomalyGrade}
               maxValue={anomalySummary.maxAnomalyGrade}
-              description={getAnomalyGradeWording(props.showAlerts)}
+              description={getAnomalyGradeWording(props.isNotSample)}
               tooltip="Indicates to what extent this data point is anomalous. The scale ranges from 0 to 1."
             />
           </EuiFlexItem>
@@ -218,14 +219,14 @@ export const AnomalyDetailsChart = React.memo(
               isLoading={isLoading}
               minValue={anomalySummary.minConfidence}
               maxValue={anomalySummary.maxConfidence}
-              description={getConfidenceWording(props.showAlerts)}
+              description={getConfidenceWording(props.isNotSample)}
               tooltip="Indicates the level of confidence in the anomaly result."
             />
           </EuiFlexItem>
           <EuiFlexItem>
             <EuiStat
               title={isLoading ? '' : anomalySummary.lastAnomalyOccurrence}
-              description={getLastAnomalyOccurrenceWording(props.showAlerts)}
+              description={getLastAnomalyOccurrenceWording(props.isNotSample)}
               titleSize="s"
             />
           </EuiFlexItem>

diff --git a/public/pages/AnomalyCharts/containers/AnomalyOccurrenceChart.tsx b/public/pages/AnomalyCharts/containers/AnomalyOccurrenceChart.tsx
@@ -39,6 +39,7 @@ interface AnomalyOccurrenceChartProps {
   dateRange: DateRange;
   isLoading: boolean;
   showAlerts?: boolean;
+  isNotSample?: boolean;
   anomalyGradeSeriesName: string;
   confidenceSeriesName: string;
   detector: Detector;
@@ -94,6 +95,7 @@ export const AnomalyOccurrenceChart = React.memo(
           anomalyGradeSeriesName={props.anomalyGradeSeriesName}
           confidenceSeriesName={props.confidenceSeriesName}
           showAlerts={props.showAlerts}
+          isNotSample={props.isNotSample}
           detector={props.detector}
           monitor={props.monitor}
           isHCDetector={props.isHCDetector}

diff --git a/public/pages/DetectorResults/containers/AnomalyHistory.tsx b/public/pages/DetectorResults/containers/AnomalyHistory.tsx
@@ -69,6 +69,7 @@ interface AnomalyHistoryProps {
   isFeatureDataMissing?: boolean;
   isHistorical?: boolean;
   taskId?: string;
+  isNotSample?: boolean;
 }
 
 export const AnomalyHistory = (props: AnomalyHistoryProps) => {
@@ -333,6 +334,7 @@ export const AnomalyHistory = (props: AnomalyHistoryProps) => {
         anomalySummary={bucketizedAnomalySummary}
         isLoading={isLoading || isLoadingAnomalyResults}
         showAlerts={props.isHistorical ? false : true}
+        isNotSample={props.isNotSample}
         detector={props.detector}
         monitor={props.monitor}
         isHCDetector={isHCDetector}
@@ -397,6 +399,7 @@ export const AnomalyHistory = (props: AnomalyHistoryProps) => {
                         anomalyGradeSeriesName="Anomaly grade"
                         confidenceSeriesName="Confidence"
                         showAlerts={true}
+                        isNotSample={true}
                         detector={props.detector}
                         monitor={props.monitor}
                         isHCDetector={isHCDetector}

diff --git a/public/pages/DetectorResults/containers/AnomalyResults.tsx b/public/pages/DetectorResults/containers/AnomalyResults.tsx
@@ -492,6 +492,7 @@ export function AnomalyResults(props: AnomalyResultsProps) {
                     detector={detector}
                     monitor={monitor}
                     isFeatureDataMissing={isDetectorMissingData}
+                    isNotSample={true}
                   />
                 </Fragment>
               ) : detector ? (

diff --git a/public/pages/EditFeatures/containers/SampleAnomalies.tsx b/public/pages/EditFeatures/containers/SampleAnomalies.tsx
@@ -248,6 +248,7 @@ export function SampleAnomalies(props: SampleAnomaliesProps) {
                 zoomRange={zoomRange}
                 anomaliesResult={anomaliesResult}
                 showAlerts={false}
+                isNotSample={false}
               />
               <EuiSpacer />
               {isLoading ? (

diff --git a/...HistoricalDetectorDetail/containers/HistoricalDetectorDetail/HistoricalDetectorDetail.tsx b/...HistoricalDetectorDetail/containers/HistoricalDetectorDetail/HistoricalDetectorDetail.tsx
@@ -345,6 +345,7 @@ export const HistoricalDetectorDetail = (
                 isFeatureDataMissing={isDetectorMissingData}
                 isHistorical={true}
                 taskId={detector?.taskId}
+                isNotSample={true}
               />
             </EuiFlexItem>
             {/* <EuiFlexItem>