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

Explore: resize graph on window resize

Browse Source
This commit is contained in:
David Kaltschmidt 2018-10-04 16:56:54 +02:00
parent 1a6b0adbd7
commit 5cb9dc99ca
1 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
public/app/features/explore/Graph.tsx
View File

@ -1,4 +1,5 @@
import $ from 'jquery';
import _ from 'lodash';
import React, { Component } from 'react';
import moment from 'moment';
@ -68,7 +69,7 @@ const FLOT_OPTIONS = {
// },
};
class Graph extends Component<any, any> {
class Graph extends Component<any, { showAllTimeSeries: boolean }> {
state = {
showAllTimeSeries: false,
};
@ -81,6 +82,7 @@ class Graph extends Component<any, any> {
componentDidMount() {
this.draw();
window.addEventListener('resize', this.debouncedDraw);
}
componentDidUpdate(prevProps) {
@ -94,6 +96,10 @@ class Graph extends Component<any, any> {
}
}
componentWillUnmount() {
window.removeEventListener('resize', this.debouncedDraw);
}
onShowAllTimeSeries = () => {
this.setState(
{
@ -103,6 +109,8 @@ class Graph extends Component<any, any> {
);
};
debouncedDraw = _.debounce(() => this.draw(), 100);
draw() {
const { options: userOptions } = this.props;
const data = this.getGraphData();