Method updateGraph

src/grapher/timeseriesgraph.ts:171–223

()

    }

    public updateGraph() {
        if (!this.stopped) {
            const now = new Date().getTime();
            this.x.domain([now - this.span, now]);
            this.xAxis.call(d3.axisBottom(this.x));

            const visAnnotations = this.annotations.filter((a) => a.timestamp >= now - this.span && a.timestamp <= now);

            // tslint:disable-next-line:max-line-length
            const lines = this.ag.selectAll('line.annotation').data(visAnnotations).attr('x1', (d: any) => this.x(d.timestamp)).attr('x2', (d: any) => this.x(d.timestamp));
            // tslint:disable-next-line:max-line-length
            lines.enter().append('line').classed('annotation', true).attr('stroke', (d: any) => d.type === 'continued' ? 'rgba(0, 255, 0, 0.25)' : 'rgba(255, 0, 0, 0.25)').attr('stroke-width', 1).attr('y1', 0).attr('y2', this.height).attr('x1', (d: any) => this.x(d.timestamp)).attr('x2', (d: any) => this.x(d.timestamp));
            lines.exit().remove();

            this.paths.forEach((path) => {
                try {
                    const data = this.datasource.getData(path.graphId, now - this.span, now, true);
                    path.path.datum(data).attr('d', this.line);
                }
                catch (e) {
                    console.log('Error Updating Plot: ', e);
                }
            });

            let startTime = this.start;

            this.spaths.forEach((path) => {
                const oldest = this.datasource.oldestPoint(path.graphId);
                if (oldest && oldest.timestamp < startTime) { startTime = oldest.timestamp; }
            });

            this.sx.domain([startTime, now]);
            this.sxAxis.call(d3.axisBottom(this.sx));

            this.spaths.forEach((path) => {
                try {
                    const data = this.datasource.sampleData(path.graphId, this.width, startTime, now);
                    path.path.datum(data).attr('d', this.sline);
                }
                catch (e) {
                    console.log('Error Updating Plot: ', e);
                }
            });

            let st = now - this.span;
            if (st < startTime) { st = startTime; }
            const startX = this.sx(st);
            const endX = this.sx(now);
            this.hrect.attr('x', startX).attr('width', endX - startX);
        }

        window.requestAnimationFrame(this.updateGraph.bind(this));
    }
}