[ML] Combines ui/time_buckets into MlTimeBuckets (#46227)

* [ML] Combines ui/time_buckets into MlTimeBuckets * [ML] Add unit tests for ml calc_auto_interval * [ML] Rename MlTimeBuckets to TimeBuckets
elastic · Sep 25, 2019 · 0fae8ce · 0fae8ce
1 parent fcbb12f
commit 0fae8ce
Show file tree

Hide file tree

Showing 35 changed files with 624 additions and 259 deletions.
diff --git a/x-pack/legacy/plugins/ml/public/datavisualizer/index_based/page.tsx b/x-pack/legacy/plugins/ml/public/datavisualizer/index_based/page.tsx
@@ -35,7 +35,7 @@ import { useKibanaContext, SavedSearchQuery } from '../../contexts/kibana';
 import { kbnTypeToMLJobType } from '../../util/field_types_utils';
 // @ts-ignore
 import { timeBasedIndexCheck } from '../../util/index_utils';
-import { MlTimeBuckets } from '../../util/ml_time_buckets';
+import { TimeBuckets } from '../../util/time_buckets';
 import { FieldRequestConfig, FieldVisConfig } from './common';
 import { ActionsPanel } from './components/actions_panel';
 import { FieldsPanel } from './components/fields_panel';
@@ -269,7 +269,7 @@ export const Page: FC = () => {
 
     // Obtain the interval to use for date histogram aggregations
     // (such as the document count chart). Aim for 75 bars.
-    const buckets = new MlTimeBuckets();
+    const buckets = new TimeBuckets();
 
     const tf = timefilter as any;
     let earliest: number | undefined;

diff --git a/x-pack/legacy/plugins/ml/public/explorer/explorer.js b/x-pack/legacy/plugins/ml/public/explorer/explorer.js
@@ -36,7 +36,7 @@ import {
 import { ExplorerSwimlane } from './explorer_swimlane';
 import { KqlFilterBar } from '../components/kql_filter_bar';
 import { formatHumanReadableDateTime } from '../util/date_utils';
-import { getBoundsRoundedToInterval } from 'plugins/ml/util/ml_time_buckets';
+import { getBoundsRoundedToInterval } from '../util/time_buckets';
 import { getSelectedJobIds } from '../components/job_selector/job_select_service_utils';
 import { InfluencersList } from '../components/influencers_list';
 import { ALLOW_CELL_RANGE_SELECTION, dragSelect$, explorer$ } from './explorer_dashboard_service';
@@ -159,7 +159,7 @@ export const Explorer = injectI18n(injectObservablesAsProps(
       dateFormatTz: PropTypes.string.isRequired,
       globalState: PropTypes.object.isRequired,
       jobSelectService: PropTypes.object.isRequired,
-      MlTimeBuckets: PropTypes.func.isRequired,
+      TimeBuckets: PropTypes.func.isRequired,
     };
 
     state = getExplorerDefaultState();
@@ -365,13 +365,13 @@ export const Explorer = injectI18n(injectObservablesAsProps(
     }
 
     getSwimlaneBucketInterval(selectedJobs) {
-      const { MlTimeBuckets } = this.props;
+      const { TimeBuckets } = this.props;
 
       const swimlaneWidth = getSwimlaneContainerWidth(this.state.noInfluencersConfigured);
       // Bucketing interval should be the maximum of the chart related interval (i.e. time range related)
       // and the max bucket span for the jobs shown in the chart.
       const bounds = timefilter.getActiveBounds();
-      const buckets = new MlTimeBuckets();
+      const buckets = new TimeBuckets();
       buckets.setInterval('auto');
       buckets.setBounds(bounds);
 
@@ -1074,7 +1074,7 @@ export const Explorer = injectI18n(injectObservablesAsProps(
         globalState,
         intl,
         jobSelectService,
-        MlTimeBuckets,
+        TimeBuckets,
       } = this.props;
 
       const {
@@ -1206,7 +1206,7 @@ export const Explorer = injectI18n(injectObservablesAsProps(
                   chartWidth={swimlaneWidth}
                   filterActive={filterActive}
                   maskAll={maskAll}
-                  MlTimeBuckets={MlTimeBuckets}
+                  TimeBuckets={TimeBuckets}
                   swimlaneCellClick={this.swimlaneCellClick}
                   swimlaneData={overallSwimlaneData}
                   swimlaneType={SWIMLANE_TYPE.OVERALL}
@@ -1282,7 +1282,7 @@ export const Explorer = injectI18n(injectObservablesAsProps(
                         chartWidth={swimlaneWidth}
                         filterActive={filterActive}
                         maskAll={maskAll}
-                        MlTimeBuckets={MlTimeBuckets}
+                        TimeBuckets={TimeBuckets}
                         swimlaneCellClick={this.swimlaneCellClick}
                         swimlaneData={viewBySwimlaneData}
                         swimlaneType={SWIMLANE_TYPE.VIEW_BY}

diff --git a/x-pack/legacy/plugins/ml/public/explorer/explorer_charts/explorer_chart_distribution.js b/x-pack/legacy/plugins/ml/public/explorer/explorer_charts/explorer_chart_distribution.js
@@ -28,8 +28,8 @@ import {
   numTicksForDateFormat,
   removeLabelOverlap
 } from '../../util/chart_utils';
-import { TimeBuckets } from 'ui/time_buckets';
 import { LoadingIndicator } from '../../components/loading_indicator/loading_indicator';
+import { TimeBuckets } from '../../util/time_buckets';
 import { mlEscape } from '../../util/string_utils';
 import { mlFieldFormatService } from '../../services/field_format_service';
 import { mlChartTooltipService } from '../../components/chart_tooltip/chart_tooltip_service';
@@ -255,7 +255,7 @@ export const ExplorerChartDistribution = injectI18n(class ExplorerChartDistribut
       const xAxisTickFormat = timeBuckets.getScaledDateFormat();
 
       const tickValuesStart = Math.max(config.selectedEarliest, config.plotEarliest);
-      // +1 ms to account for the ms that was substracted for query aggregations.
+      // +1 ms to account for the ms that was subtracted for query aggregations.
       const interval = config.selectedLatest - config.selectedEarliest + 1;
       const tickValues = getTickValues(tickValuesStart, interval, config.plotEarliest, config.plotLatest);
 

diff --git a/x-pack/legacy/plugins/ml/public/explorer/explorer_charts/explorer_chart_distribution.test.js b/x-pack/legacy/plugins/ml/public/explorer/explorer_charts/explorer_chart_distribution.test.js
@@ -10,7 +10,7 @@ import seriesConfig from './__mocks__/mock_series_config_rare.json';
 
 // Mock TimeBuckets and mlFieldFormatService, they don't play well
 // with the jest based test setup yet.
-jest.mock('ui/time_buckets', () => ({
+jest.mock('../../util/time_buckets', () => ({
   TimeBuckets: function () {
     this.setBounds = jest.fn();
     this.setInterval = jest.fn();

diff --git a/x-pack/legacy/plugins/ml/public/explorer/explorer_charts/explorer_chart_single_metric.js b/x-pack/legacy/plugins/ml/public/explorer/explorer_charts/explorer_chart_single_metric.js
@@ -36,8 +36,8 @@ import {
   showMultiBucketAnomalyMarker,
   showMultiBucketAnomalyTooltip,
 } from '../../util/chart_utils';
-import { TimeBuckets } from 'ui/time_buckets';
 import { LoadingIndicator } from '../../components/loading_indicator/loading_indicator';
+import { TimeBuckets } from '../../util/time_buckets';
 import { mlEscape } from '../../util/string_utils';
 import { mlFieldFormatService } from '../../services/field_format_service';
 import { mlChartTooltipService } from '../../components/chart_tooltip/chart_tooltip_service';
@@ -194,7 +194,7 @@ export const ExplorerChartSingleMetric = injectI18n(class ExplorerChartSingleMet
       const xAxisTickFormat = timeBuckets.getScaledDateFormat();
 
       const tickValuesStart = Math.max(config.selectedEarliest, config.plotEarliest);
-      // +1 ms to account for the ms that was substracted for query aggregations.
+      // +1 ms to account for the ms that was subtracted for query aggregations.
       const interval = config.selectedLatest - config.selectedEarliest + 1;
       const tickValues = getTickValues(tickValuesStart, interval, config.plotEarliest, config.plotLatest);
 

diff --git a/...ck/legacy/plugins/ml/public/explorer/explorer_charts/explorer_chart_single_metric.test.js b/...ck/legacy/plugins/ml/public/explorer/explorer_charts/explorer_chart_single_metric.test.js
@@ -10,7 +10,7 @@ import seriesConfig from './__mocks__/mock_series_config_filebeat.json';
 
 // Mock TimeBuckets and mlFieldFormatService, they don't play well
 // with the jest based test setup yet.
-jest.mock('ui/time_buckets', () => ({
+jest.mock('../../util/time_buckets', () => ({
   TimeBuckets: function () {
     this.setBounds = jest.fn();
     this.setInterval = jest.fn();

diff --git a/x-pack/legacy/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.test.js b/x-pack/legacy/plugins/ml/public/explorer/explorer_charts/explorer_charts_container.test.js
@@ -11,7 +11,7 @@ import seriesConfigRare from './__mocks__/mock_series_config_rare.json';
 
 // Mock TimeBuckets and mlFieldFormatService, they don't play well
 // with the jest based test setup yet.
-jest.mock('ui/time_buckets', () => ({
+jest.mock('../../util/time_buckets', () => ({
   TimeBuckets: function () {
     this.setBounds = jest.fn();
     this.setInterval = jest.fn();

diff --git a/x-pack/legacy/plugins/ml/public/explorer/explorer_controller.js b/x-pack/legacy/plugins/ml/public/explorer/explorer_controller.js
@@ -24,7 +24,7 @@ import { getAnomalyExplorerBreadcrumbs } from './breadcrumbs';
 import { checkFullLicense } from '../license/check_license';
 import { checkGetJobsPrivilege } from '../privilege/check_privilege';
 import { getIndexPatterns, loadIndexPatterns } from '../util/index_utils';
-import { MlTimeBuckets } from 'plugins/ml/util/ml_time_buckets';
+import { TimeBuckets } from 'plugins/ml/util/time_buckets';
 import { explorer$ } from './explorer_dashboard_service';
 import { mlTimefilterRefresh$ } from '../services/timefilter_refresh_service';
 import { mlFieldFormatService } from 'plugins/ml/services/field_format_service';
@@ -74,7 +74,7 @@ module.controller('MlExplorerController', function (
   timefilter.enableTimeRangeSelector();
   timefilter.enableAutoRefreshSelector();
 
-  $scope.MlTimeBuckets = MlTimeBuckets;
+  $scope.TimeBuckets = TimeBuckets;
 
   let resizeTimeout = null;
 

diff --git a/x-pack/legacy/plugins/ml/public/explorer/explorer_react_wrapper_directive.js b/x-pack/legacy/plugins/ml/public/explorer/explorer_react_wrapper_directive.js
@@ -39,7 +39,7 @@ module.directive('mlExplorerReactWrapper', function (config, globalState) {
           dateFormatTz,
           globalState,
           jobSelectService,
-          MlTimeBuckets: scope.MlTimeBuckets,
+          TimeBuckets: scope.TimeBuckets,
         }}
         />
       </I18nContext>,

diff --git a/x-pack/legacy/plugins/ml/public/explorer/explorer_swimlane.js b/x-pack/legacy/plugins/ml/public/explorer/explorer_swimlane.js
@@ -39,7 +39,7 @@ export const ExplorerSwimlane = injectI18n(class ExplorerSwimlane extends React.
     chartWidth: PropTypes.number.isRequired,
     filterActive: PropTypes.bool,
     maskAll: PropTypes.bool,
-    MlTimeBuckets: PropTypes.func.isRequired,
+    TimeBuckets: PropTypes.func.isRequired,
     swimlaneCellClick: PropTypes.func.isRequired,
     swimlaneData: PropTypes.shape({
       laneLabels: PropTypes.array.isRequired
@@ -248,7 +248,7 @@ export const ExplorerSwimlane = injectI18n(class ExplorerSwimlane extends React.
       chartWidth,
       filterActive,
       maskAll,
-      MlTimeBuckets,
+      TimeBuckets,
       swimlaneCellClick,
       swimlaneData,
       swimlaneType,
@@ -285,7 +285,7 @@ export const ExplorerSwimlane = injectI18n(class ExplorerSwimlane extends React.
       .range([0, xAxisWidth]);
 
     // Get the scaled date format to use for x axis tick labels.
-    const timeBuckets = new MlTimeBuckets();
+    const timeBuckets = new TimeBuckets();
     timeBuckets.setInterval(`${stepSecs}s`);
     const xAxisTickFormat = timeBuckets.getScaledDateFormat();
 

diff --git a/x-pack/legacy/plugins/ml/public/explorer/explorer_swimlane.test.js b/x-pack/legacy/plugins/ml/public/explorer/explorer_swimlane.test.js
@@ -30,17 +30,17 @@ jest.mock('./explorer_dashboard_service', () => ({
 }));
 
 function getExplorerSwimlaneMocks() {
-  const MlTimeBucketsMethods = {
+  const TimeBucketsMethods = {
     setInterval: jest.fn(),
     getScaledDateFormat: jest.fn()
   };
-  const MlTimeBuckets = jest.fn(() => MlTimeBucketsMethods);
-  MlTimeBuckets.mockMethods = MlTimeBucketsMethods;
+  const TimeBuckets = jest.fn(() => TimeBucketsMethods);
+  TimeBuckets.mockMethods = TimeBucketsMethods;
 
   const swimlaneData = { laneLabels: [] };
 
   return {
-    MlTimeBuckets,
+    TimeBuckets,
     swimlaneData
   };
 }
@@ -65,7 +65,7 @@ describe('ExplorerSwimlane', () => {
 
     const wrapper = mountWithIntl(<ExplorerSwimlane.WrappedComponent
       chartWidth={mockChartWidth}
-      MlTimeBuckets={mocks.MlTimeBuckets}
+      TimeBuckets={mocks.TimeBuckets}
       swimlaneCellClick={jest.fn()}
       swimlaneData={mocks.swimlaneData}
       swimlaneType="overall"
@@ -80,8 +80,8 @@ describe('ExplorerSwimlane', () => {
     // test calls to mock functions
     expect(dragSelect$.subscribe.mock.calls.length).toBeGreaterThanOrEqual(1);
     expect(wrapper.instance().dragSelectSubscriber.unsubscribe.mock.calls).toHaveLength(0);
-    expect(mocks.MlTimeBuckets.mockMethods.setInterval.mock.calls.length).toBeGreaterThanOrEqual(1);
-    expect(mocks.MlTimeBuckets.mockMethods.getScaledDateFormat.mock.calls.length).toBeGreaterThanOrEqual(1);
+    expect(mocks.TimeBuckets.mockMethods.setInterval.mock.calls.length).toBeGreaterThanOrEqual(1);
+    expect(mocks.TimeBuckets.mockMethods.getScaledDateFormat.mock.calls.length).toBeGreaterThanOrEqual(1);
     expect(swimlaneRenderDoneListener.mock.calls.length).toBeGreaterThanOrEqual(1);
   });
 
@@ -91,7 +91,7 @@ describe('ExplorerSwimlane', () => {
 
     const wrapper = mountWithIntl(<ExplorerSwimlane.WrappedComponent
       chartWidth={mockChartWidth}
-      MlTimeBuckets={mocks.MlTimeBuckets}
+      TimeBuckets={mocks.TimeBuckets}
       swimlaneCellClick={jest.fn()}
       swimlaneData={mockOverallSwimlaneData}
       swimlaneType="overall"
@@ -103,8 +103,8 @@ describe('ExplorerSwimlane', () => {
     // test calls to mock functions
     expect(dragSelect$.subscribe.mock.calls.length).toBeGreaterThanOrEqual(1);
     expect(wrapper.instance().dragSelectSubscriber.unsubscribe.mock.calls).toHaveLength(0);
-    expect(mocks.MlTimeBuckets.mockMethods.setInterval.mock.calls.length).toBeGreaterThanOrEqual(1);
-    expect(mocks.MlTimeBuckets.mockMethods.getScaledDateFormat.mock.calls.length).toBeGreaterThanOrEqual(1);
+    expect(mocks.TimeBuckets.mockMethods.setInterval.mock.calls.length).toBeGreaterThanOrEqual(1);
+    expect(mocks.TimeBuckets.mockMethods.getScaledDateFormat.mock.calls.length).toBeGreaterThanOrEqual(1);
     expect(swimlaneRenderDoneListener.mock.calls.length).toBeGreaterThanOrEqual(1);
   });
 });
diff --git a/...s/ml/public/jobs/new_job/simple/components/event_rate_chart/event_rate_chart_directive.js b/...s/ml/public/jobs/new_job/simple/components/event_rate_chart/event_rate_chart_directive.js
@@ -16,7 +16,7 @@ import d3 from 'd3';
 import angular from 'angular';
 import moment from 'moment';
 
-import { TimeBuckets } from 'ui/time_buckets';
+import { TimeBuckets } from '../../../../../util/time_buckets';
 import { numTicksForDateFormat } from 'plugins/ml/util/chart_utils';
 
 import { uiModules } from 'ui/modules';

diff --git a/x-pack/legacy/plugins/ml/public/jobs/new_job/simple/components/utils/chart_data_utils.js b/x-pack/legacy/plugins/ml/public/jobs/new_job/simple/components/utils/chart_data_utils.js
@@ -9,7 +9,7 @@
 // various util functions for populating the chartData object used by the job wizards
 
 import _ from 'lodash';
-import { MlTimeBuckets } from 'plugins/ml/util/ml_time_buckets';
+import { TimeBuckets } from 'plugins/ml/util/time_buckets';
 import { calculateTextWidth } from 'plugins/ml/util/string_utils';
 import { mlResultsService } from 'plugins/ml/services/results_service';
 import { mlSimpleJobSearchService } from 'plugins/ml/jobs/new_job/simple/components/utils/search_service';
@@ -24,7 +24,7 @@ export function ChartDataUtilsProvider() {
       const MAX_BARS = BAR_TARGET + (BAR_TARGET / 100) * 100; // 100% larger that bar target
       const query = formConfig.combinedQuery;
       const bounds = timefilter.getActiveBounds();
-      const buckets = new MlTimeBuckets();
+      const buckets = new TimeBuckets();
       buckets.setBarTarget(BAR_TARGET);
       buckets.setMaxBars(MAX_BARS);
       buckets.setInterval('auto');

diff --git a/...ugins/ml/public/jobs/new_job/simple/multi_metric/create_job/create_job_chart_directive.js b/...ugins/ml/public/jobs/new_job/simple/multi_metric/create_job/create_job_chart_directive.js
@@ -15,7 +15,7 @@ import d3 from 'd3';
 import angular from 'angular';
 import moment from 'moment';
 
-import { TimeBuckets } from 'ui/time_buckets';
+import { TimeBuckets } from '../../../../../util/time_buckets';
 import { drawLineChartDots, numTicksForDateFormat } from 'plugins/ml/util/chart_utils';
 
 import { uiModules } from 'ui/modules';

diff --git a/...cy/plugins/ml/public/jobs/new_job/simple/multi_metric/create_job/create_job_controller.js b/...cy/plugins/ml/public/jobs/new_job/simple/multi_metric/create_job/create_job_controller.js
@@ -21,7 +21,7 @@ import uiRoutes from 'ui/routes';
 import { subscribeWithScope } from 'ui/utils/subscribe_with_scope';
 import { checkLicenseExpired } from 'plugins/ml/license/check_license';
 import { checkCreateJobsPrivilege } from 'plugins/ml/privilege/check_privilege';
-import { MlTimeBuckets } from 'plugins/ml/util/ml_time_buckets';
+import { TimeBuckets } from 'plugins/ml/util/time_buckets';
 import { getCreateMultiMetricJobBreadcrumbs } from 'plugins/ml/jobs/breadcrumbs';
 import { filterAggTypes } from 'plugins/ml/jobs/new_job/simple/components/utils/filter_agg_types';
 import { validateJob } from 'plugins/ml/jobs/new_job/simple/components/utils/validate_job';
@@ -292,7 +292,7 @@ module
       }
 
       const bounds = timefilter.getActiveBounds();
-      $scope.formConfig.chartInterval = new MlTimeBuckets();
+      $scope.formConfig.chartInterval = new TimeBuckets();
       $scope.formConfig.chartInterval.setBarTarget(BAR_TARGET);
       $scope.formConfig.chartInterval.setMaxBars(MAX_BARS);
       $scope.formConfig.chartInterval.setInterval('auto');

diff --git a/...plugins/ml/public/jobs/new_job/simple/population/create_job/create_job_chart_directive.js b/...plugins/ml/public/jobs/new_job/simple/population/create_job/create_job_chart_directive.js
@@ -17,7 +17,7 @@ import angular from 'angular';
 import moment from 'moment';
 
 import { formatHumanReadableDateTime } from '../../../../../util/date_utils';
-import { TimeBuckets } from 'ui/time_buckets';
+import { TimeBuckets } from '../../../../../util/time_buckets';
 import { numTicksForDateFormat } from '../../../../../util/chart_utils';
 import { mlEscape } from '../../../../../util/string_utils';
 import { mlChartTooltipService } from '../../../../../components/chart_tooltip/chart_tooltip_service';

diff --git a/...gacy/plugins/ml/public/jobs/new_job/simple/population/create_job/create_job_controller.js b/...gacy/plugins/ml/public/jobs/new_job/simple/population/create_job/create_job_controller.js
@@ -20,7 +20,7 @@ import angular from 'angular';
 import uiRoutes from 'ui/routes';
 import { checkLicenseExpired } from 'plugins/ml/license/check_license';
 import { checkCreateJobsPrivilege } from 'plugins/ml/privilege/check_privilege';
-import { MlTimeBuckets } from 'plugins/ml/util/ml_time_buckets';
+import { TimeBuckets } from 'plugins/ml/util/time_buckets';
 import { getCreatePopulationJobBreadcrumbs } from 'plugins/ml/jobs/breadcrumbs';
 import { filterAggTypes } from 'plugins/ml/jobs/new_job/simple/components/utils/filter_agg_types';
 import { validateJob } from 'plugins/ml/jobs/new_job/simple/components/utils/validate_job';
@@ -302,7 +302,7 @@ module
       }
 
       const bounds = timefilter.getActiveBounds();
-      $scope.formConfig.chartInterval = new MlTimeBuckets();
+      $scope.formConfig.chartInterval = new TimeBuckets();
       $scope.formConfig.chartInterval.setBarTarget(BAR_TARGET);
       $scope.formConfig.chartInterval.setMaxBars(MAX_BARS);
       $scope.formConfig.chartInterval.setInterval('auto');

diff --git a/.../legacy/plugins/ml/public/jobs/new_job/simple/population/create_job/create_job_service.js b/.../legacy/plugins/ml/public/jobs/new_job/simple/population/create_job/create_job_service.js
@@ -10,7 +10,7 @@ import _ from 'lodash';
 
 import { EVENT_RATE_COUNT_FIELD, WIZARD_TYPE } from 'plugins/ml/jobs/new_job/simple/components/constants/general';
 import { ML_MEDIAN_PERCENTS } from 'plugins/ml/../common/util/job_utils';
-import { MlTimeBuckets } from 'plugins/ml/util/ml_time_buckets';
+import { TimeBuckets } from 'plugins/ml/util/time_buckets';
 import { mlFieldFormatService } from 'plugins/ml/services/field_format_service';
 import { mlJobService } from 'plugins/ml/services/job_service';
 import { createJobForSaving } from 'plugins/ml/jobs/new_job/utils/new_job_utils';
@@ -76,7 +76,7 @@ export function PopulationJobServiceProvider() {
           };
         });
 
-        const searchJson = getSearchJsonFromConfig(formConfig, timefilter, MlTimeBuckets);
+        const searchJson = getSearchJsonFromConfig(formConfig, timefilter, TimeBuckets);
 
         ml.esSearch(searchJson)
           .then((resp) => {
@@ -313,7 +313,7 @@ export function PopulationJobServiceProvider() {
 
   function getSearchJsonFromConfig(formConfig) {
     const bounds = timefilter.getActiveBounds();
-    const buckets = new MlTimeBuckets();
+    const buckets = new TimeBuckets();
     buckets.setInterval('auto');
     buckets.setBounds(bounds);
 

diff --git a/...gins/ml/public/jobs/new_job/simple/single_metric/create_job/create_job_chart_directive.js b/...gins/ml/public/jobs/new_job/simple/single_metric/create_job/create_job_chart_directive.js
@@ -15,7 +15,7 @@ import d3 from 'd3';
 import angular from 'angular';
 import moment from 'moment';
 
-import { TimeBuckets } from 'ui/time_buckets';
+import { TimeBuckets } from '../../../../../util/time_buckets';
 import { drawLineChartDots, numTicksForDateFormat } from 'plugins/ml/util/chart_utils';
 
 import { uiModules } from 'ui/modules';

diff --git a/...y/plugins/ml/public/jobs/new_job/simple/single_metric/create_job/create_job_controller.js b/...y/plugins/ml/public/jobs/new_job/simple/single_metric/create_job/create_job_controller.js
@@ -22,7 +22,7 @@ import { subscribeWithScope } from 'ui/utils/subscribe_with_scope';
 import { getSafeAggregationName } from 'plugins/ml/../common/util/job_utils';
 import { checkLicenseExpired } from 'plugins/ml/license/check_license';
 import { checkCreateJobsPrivilege } from 'plugins/ml/privilege/check_privilege';
-import { MlTimeBuckets } from 'plugins/ml/util/ml_time_buckets';
+import { TimeBuckets } from 'plugins/ml/util/time_buckets';
 import { getCreateSingleMetricJobBreadcrumbs } from 'plugins/ml/jobs/breadcrumbs';
 import { filterAggTypes } from 'plugins/ml/jobs/new_job/simple/components/utils/filter_agg_types';
 import { validateJob } from 'plugins/ml/jobs/new_job/simple/components/utils/validate_job';
@@ -288,7 +288,7 @@ module
       }
 
       const bounds = timefilter.getActiveBounds();
-      $scope.formConfig.chartInterval = new MlTimeBuckets();
+      $scope.formConfig.chartInterval = new TimeBuckets();
       $scope.formConfig.chartInterval.setBarTarget(BAR_TARGET);
       $scope.formConfig.chartInterval.setMaxBars(MAX_BARS);
       $scope.formConfig.chartInterval.setInterval('auto');