Add code to format the timeseries data to local time. (#30160) (#30194)

This commit is contained in:
Justin Kambic 2019-02-06 07:59:12 -05:00 committed by GitHub
parent 6acd31f085
commit ec9f0b18ad
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 10 additions and 5 deletions

View file

@ -124,6 +124,7 @@ export const MonitorList = ({ dangerColor, loading, monitors, primaryColor }: Mo
// TODO: style hack
style={{ marginBottom: '-20px' }}
xType={EuiSeriesChartUtils.SCALE.TIME}
xCrosshairFormat="YYYY-MM-DD hh:mmZ"
>
<EuiHistogramSeries
data={formatSparklineCounts(downSeries)}

View file

@ -15,10 +15,6 @@ import {
// @ts-ignore missing type
EuiPanel,
// @ts-ignore missing type
EuiSeriesChart,
// @ts-ignore missing type
EuiSeriesChartUtils,
// @ts-ignore missing type
EuiStat,
EuiTitle,
} from '@elastic/eui';

View file

@ -25,7 +25,13 @@ export const SnapshotHistogram = ({
const { upSeriesData, downSeriesData } = formatHistogramData(histogram);
return (
<EuiSeriesChart width={600} height={107} stackBy="y" xType={EuiSeriesChartUtils.SCALE.TIME}>
<EuiSeriesChart
width={600}
height={107}
stackBy="y"
xType={EuiSeriesChartUtils.SCALE.TIME}
xCrosshairFormat="YYYY-MM-DD hh:mmZ"
>
<EuiHistogramSeries
data={upSeriesData}
name={i18n.translate('xpack.uptime.snapshotHistogram.series.upLabel', {

View file

@ -115,6 +115,7 @@ export class MonitorChartsQuery extends React.Component<Props, MonitorChartsStat
width={500}
height={200}
xType={EuiSeriesChartUtils.SCALE.TIME}
xCrosshairFormat="YYYY-MM-DD hh:mmZ"
yDomain={durationDomainLimits}
crosshairValue={this.state.crosshairLocation}
onCrosshairUpdate={this.updateCrosshairLocation}
@ -158,6 +159,7 @@ export class MonitorChartsQuery extends React.Component<Props, MonitorChartsStat
width={500}
height={200}
xType={EuiSeriesChartUtils.SCALE.TIME}
xCrosshairFormat="YYYY-MM-DD hh:mmZ"
stackBy="y"
crosshairValue={this.state.crosshairLocation}
onCrosshairUpdate={this.updateCrosshairLocation}