github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 09:48:58 -04:00
Code Issues Projects Releases Packages Wiki Activity

optimize resize behaviour for anomaly explorer page (#132820)

Browse source
This commit is contained in:
Dima Arnautov 2022-05-24 22:47:00 +02:00 • committed by GitHub
parent 96a9b8056c
commit b75896981b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

29
x-pack/plugins/ml/public/application/explorer/anomaly_timeline_state_service.ts
View file

@ -212,7 +212,7 @@ export class AnomalyTimelineStateService extends StateService {
return combineLatest([
this.anomalyExplorerCommonStateService.getSelectedJobs$(),
this._swimLaneSeverity$,
this.getContainerWidth$(),
this.getSwimLaneBucketInterval$(),
this._timeBounds$,
this._refreshSubject$,
])
@ -220,12 +220,12 @@ export class AnomalyTimelineStateService extends StateService {
tap(() => {
this._isOverallSwimLaneLoading$.next(true);
}),
switchMap(([selectedJobs, severity, containerWidth]) => {
switchMap(([selectedJobs, severity, bucketInterval]) => {
return from(
this.anomalyTimelineService.loadOverallData(
selectedJobs!,
containerWidth,
undefined,
bucketInterval!,
severity
)
);
@ -245,7 +245,6 @@ export class AnomalyTimelineStateService extends StateService {
this.getViewBySwimlaneFieldName$(),
this.getSwimLanePagination$(),
this.getSwimLaneCardinality$(),
this.getContainerWidth$(),
this.getSelectedCells$(),
this.getSwimLaneBucketInterval$(),
this._timeBounds$,
@ -257,7 +256,6 @@ export class AnomalyTimelineStateService extends StateService {
string,
SwimLanePagination,
number,
number,
AppStateSelectedCells,
TimeBucketsInterval,
TimeRangeBounds,
@ -273,7 +271,6 @@ export class AnomalyTimelineStateService extends StateService {
viewBySwimlaneFieldName,
swimLanePagination,
swimLaneCardinality,
swimlaneContainerWidth,
selectedCells,
swimLaneBucketInterval,
]) => {
@ -297,7 +294,7 @@ export class AnomalyTimelineStateService extends StateService {
ANOMALY_SWIM_LANE_HARD_LIMIT,
swimLanePagination.viewByPerPage,
swimLanePagination.viewByFromPage,
swimlaneContainerWidth,
swimLaneBucketInterval,
selectionInfluencers,
influencersFilterQuery
)
@ -314,7 +311,7 @@ export class AnomalyTimelineStateService extends StateService {
this.anomalyExplorerCommonStateService.getSelectedJobs$(),
this.anomalyExplorerCommonStateService.getInfluencerFilterQuery$(),
this._swimLaneSeverity$,
this.getContainerWidth$(),
this.getSwimLaneBucketInterval$(),
this.getViewBySwimlaneFieldName$(),
this.getSwimLanePagination$(),
this._topFieldValues$.pipe(distinctUntilChanged(isEqual)),
@ -331,7 +328,7 @@ export class AnomalyTimelineStateService extends StateService {
selectedJobs,
influencersFilterQuery,
severity,
swimlaneContainerWidth,
bucketInterval,
viewBySwimlaneFieldName,
swimLanePagination,
topFieldValues,
@ -348,9 +345,9 @@ export class AnomalyTimelineStateService extends StateService {
ANOMALY_SWIM_LANE_HARD_LIMIT,
swimLanePagination.viewByPerPage,
swimLanePagination.viewByFromPage,
swimlaneContainerWidth,
influencersFilterQuery,
undefined,
influencersFilterQuery,
bucketInterval!,
severity
)
);
@ -732,8 +729,14 @@ export class AnomalyTimelineStateService extends StateService {
);
}
public getSwimLaneBucketInterval$(): Observable<TimeBucketsInterval | null> {
return this._swimLaneBucketInterval$.pipe(skipWhile((v) => !v));
public getSwimLaneBucketInterval$(): Observable<TimeBucketsInterval> {
return this._swimLaneBucketInterval$.pipe(
// @ts-ignore
skipWhile((v) => !v),
distinctUntilChanged((prev, curr) => {
return prev.asSeconds() === curr.asSeconds();
})
);
}
public getSwimLaneBucketInterval(): TimeBucketsInterval | null {

4
x-pack/plugins/ml/public/application/services/anomaly_timeline_service.ts
View file

@ -258,7 +258,7 @@ export class AnomalyTimelineService {
swimlaneLimit: number,
perPage: number,
fromPage: number,
swimlaneContainerWidth: number,
bucketInterval: TimeBucketsInterval,
selectionInfluencers: EntityField[],
influencersFilterQuery: InfluencersFilterQuery
) {
@ -296,7 +296,7 @@ export class AnomalyTimelineService {
selectedJobIds,
earliestMs,
latestMs,
this.getSwimlaneBucketInterval(selectedJobs, swimlaneContainerWidth).asMilliseconds(),
bucketInterval.asMilliseconds(),
perPage,
fromPage,
swimlaneLimit