Merge pull request #13803 from grafana/davkal/explore-fix-resize

Explore: fix graph resize on window resize
This commit is contained in:
David 2018-10-24 12:32:27 +02:00 committed by GitHub
commit a6fc74e35b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 898 additions and 906 deletions

View File

@ -168,7 +168,8 @@ export class Graph extends PureComponent<GraphProps, GraphState> {
const data = this.getGraphData();
return (
<>
<div className="panel-container">
{loading && <div className="explore-graph__loader" />}
{this.props.data &&
this.props.data.length > MAX_NUMBER_OF_TIME_SERIES &&
!this.state.showAllTimeSeries && (
@ -180,12 +181,9 @@ export class Graph extends PureComponent<GraphProps, GraphState> {
}`}</span>
</div>
)}
<div className="panel-container">
{loading && <div className="explore-graph__loader" />}
<div id={id} className="explore-graph" style={{ height }} />
<Legend data={data} />
</div>
</>
);
}
}

View File

@ -1,7 +1,6 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Render should render component 1`] = `
<Fragment>
<div
className="panel-container"
>
@ -458,11 +457,12 @@ exports[`Render should render component 1`] = `
}
/>
</div>
</Fragment>
`;
exports[`Render should render component with disclaimer 1`] = `
<Fragment>
<div
className="panel-container"
>
<div
className="time-series-disclaimer"
>
@ -477,9 +477,6 @@ exports[`Render should render component with disclaimer 1`] = `
Show all 27
</span>
</div>
<div
className="panel-container"
>
<div
className="explore-graph"
id="graph"
@ -956,11 +953,9 @@ exports[`Render should render component with disclaimer 1`] = `
}
/>
</div>
</Fragment>
`;
exports[`Render should show query return no time series 1`] = `
<Fragment>
<div
className="panel-container"
>
@ -977,5 +972,4 @@ exports[`Render should show query return no time series 1`] = `
data={Array []}
/>
</div>
</Fragment>
`;