IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
public/app/features/explore/Graph.tsx
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>
</>
);
}
}

26
public/app/features/explore/__snapshots__/Graph.test.tsx.snap
View File

@ -1,10 +1,9 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Render should render component 1`] = `
<Fragment>
<div
<div
className="panel-container"
>
>
<div
className="explore-graph"
id="graph"
@ -457,12 +456,13 @@ exports[`Render should render component 1`] = `
]
}
/>
</div>
</Fragment>
</div>
`;
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"
@ -955,15 +952,13 @@ exports[`Render should render component with disclaimer 1`] = `
]
}
/>
</div>
</Fragment>
</div>
`;
exports[`Render should show query return no time series 1`] = `
<Fragment>
<div
<div
className="panel-container"
>
>
<div
className="explore-graph"
id="graph"
@ -976,6 +971,5 @@ exports[`Render should show query return no time series 1`] = `
<Legend
data={Array []}
/>
</div>
</Fragment>
</div>
`;