private renderComponent()

in src/visualComponent/rootComponent.ts [207:252]


    private renderComponent(options: IVisualComponentRenderOptions): void {
        const {
            data,
            settings,
        } = options;
        this.subtitleComponent.render({
            series: data.series,
            staleDataDifference: data.staleDateDifference,
            staleDataSettings: settings.staleData,
            subtitleSettings: settings.subtitle,
            warningState: data.warningState,
            subtitle: data.subtitle,
        });

        const subtitleComponentHeight: number = this.subtitleComponent.getViewport().height;

        const viewportFactor: number = this.getViewportFactorByViewportSize(data.viewportSize);

        const viewport: powerbiVisualsApi.IViewport = {
            height: options.viewport.height / viewportFactor,
            width: options.viewport.width,
        };

        this.mainChartComponent.render({
            ...options,
            viewport,
        });

        this.mainChartComponentViewport = this.mainChartComponent.getViewport();

        const height: number = options.viewport.height
            - this.mainChartComponent.getViewport().height
            - subtitleComponentHeight;

        this.sparklineGroupComponent.render({
            ...options,
            data: {
                ...options.data,
                series: options.data.series.slice(1),
            },
            viewport: {
                height,
                width: options.viewport.width,
            },
        });
    }