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,
},
});
}