Method constructor

src/grapher/xygraph.ts:51–85

(protected configuration: XYGraphConfiguration, private datasource: GraphDataSource)

    private points: XYGraphPoint[];

    constructor(protected configuration: XYGraphConfiguration, private datasource: GraphDataSource) {
        this.span = configuration.timespan * 1000;

        this.x = d3.scaleLinear().range([0, this.width]).domain([configuration.xMinimum || 0, configuration.xMaximum || 65535]);
        this.y = d3.scaleLinear().range([this.height, 0]).domain([configuration.yMinimum || 0, configuration.yMaximum || 65535]);

        this.currentX = configuration.initialX || (((configuration.xMinimum || 0) + (configuration.xMaximum || 65535)) / 2);
        this.currentY = configuration.initialY || (((configuration.yMinimum || 0) + (configuration.yMaximum || 65535)) / 2);

        this.line = d3.line<XYGraphPoint>().x((d) => this.x(d.x)).y((d) => this.y(d.y));

        const wrapper = d3.select('.graph-container').append('div').attr('class', 'graph-wrapper');
        wrapper.append('h3').text(configuration.label);

        // tslint:disable-next-line:max-line-length
        this.svg = wrapper.append('svg').attr('width', this.width + this.margins.left + this.margins.right).attr('height', this.height + this.margins.top + this.margins.bottom);
        this.g = this.svg.append('g').attr('transform', `translate(${this.margins.left},${this.margins.top})`);

        this.xAxis = this.g.append('g').attr('transform', `translate(0,${this.height})`).call(d3.axisBottom(this.x));
        this.yAxis = this.g.append('g').call(d3.axisLeft(this.y));

        datasource.subscribe(configuration.xGraphId, this.receivedX.bind(this));
        datasource.subscribe(configuration.yGraphId, this.receivedY.bind(this));

        this.path = this.g.append('path')
            .attr('fill', 'none')
            .attr('stroke', 'steelblue')
            .attr('stroke-linejoin', 'round')
            .attr('stroke-linecap', 'round')
            .attr('stroke-width', 1.5);

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

        this.points = [];
    }

    public stop() {
        this.stopped = true;