Method updateGraph

src/grapher/programstatsgraph.ts:105–135

()

    }

    public updateGraph() {
        if (!this.stopped) {
            const data = this.processData(this.datasource.getProgramCounterStats());

            this.g.selectAll('.arc').remove();
            const arc = this.g.selectAll('.arc')
                .data(this.pie(data))
                .enter().append('g').attr('class', 'arc');

            arc.append('path')
                .attr('d', this.path)
                .attr('fill', (d: any, index: number) => hashStringToColor(d.data.name))
                .attr('fill-opacity', 0.65)
                .attr('stroke', (d: any, index: number) => hashStringToColor(d.data.name));

            this.legend.selectAll('.entry').remove();
            const entry = this.legend.selectAll('.entry')
                .data(data)
                .enter().append('g').attr('class', 'entry').attr('transform', (d: any, index: number) => `translate(0,${index * 35})`);

            entry.append('rect')
                .attr('width', 30)
                .attr('height', 20)
                .attr('fill', (d: any, index: number) => hashStringToColor(d.name))
                .attr('fill-opacity', 0.65)
                .attr('stroke', (d: any, index: number) => hashStringToColor(d.name));
            entry.append('text').text((d: any) => d.name).attr('x', 40).attr('y', 15);
        }

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

    public stop() {
        this.stopped = true;