maxmustermann/kibana
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Update usage based on recommendations in #36761 (#39090)

Browse source
This commit is contained in:
Kerry Gallagher 2019-06-18 13:43:07 +01:00 committed by GitHub
parent 17b185c1f8
commit d88d5278c1
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
x-pack/plugins/infra/public/components/metrics_explorer/chart.tsx
View file

@ -7,9 +7,8 @@
import React, { useCallback } from 'react';
import { InjectedIntl, injectI18n } from '@kbn/i18n/react';
import { EuiTitle, EuiToolTip, EuiFlexGroup, EuiFlexItem } from '@elastic/eui';
import { Chart, Axis, Position, timeFormatter, getAxisId, Settings } from '@elastic/charts';
import { first } from 'lodash';
import { niceTimeFormatByDay } from '@elastic/charts/dist/utils/data/formatters';
import { Axis, Chart, getAxisId, niceTimeFormatter, Position, Settings } from '@elastic/charts';
import { first, last } from 'lodash';
import moment from 'moment';
import { MetricsExplorerSeries } from '../../../server/routes/metrics_explorer/types';
import {
@ -38,8 +37,6 @@ interface Props {
onTimeChange: (start: string, end: string) => void;
}
const dateFormatter = timeFormatter(niceTimeFormatByDay(1));
export const MetricsExplorerChart = injectI18n(
({
source,
@ -56,6 +53,10 @@ export const MetricsExplorerChart = injectI18n(
const handleTimeChange = (from: number, to: number) => {
onTimeChange(moment(from).toISOString(), moment(to).toISOString());
};
const dateFormatter = useCallback(
niceTimeFormatter([first(series.rows).timestamp, last(series.rows).timestamp]),
[series, series.rows]
);
const yAxisFormater = useCallback(createFormatterForMetric(first(metrics)), [options]);
return (
<React.Fragment>