Power BI görsellerinize giriş sayfası eklemeAdd a landing page to your Power BI visuals

API 2.3.0 ile Power BI görsellerinize giriş sayfası ekleyebilirsiniz.With API 2.3.0, you can add a landing page to your Power BI visuals. Bunu yapmak için özelliklere supportsLandingPage ekleyin ve True olarak ayarlayın.To do so, add supportsLandingPage to the capabilities, and set it to true. Bu eylem görselinize veri eklemeden önce görseli başlatır ve güncelleştirir.This action initializes and updates your visual before you add data to it. Görsel artık filigran göstermediğinden, veri içermediği sürece görselde görüntülemek üzere kendi giriş sayfanızı tasarlayabilirsiniz.Because the visual no longer shows a watermark, you can design your own landing page to be displayed in the visual as long as it has no data.

export class BarChart implements IVisual {
    //...
    private element: HTMLElement;
    private isLandingPageOn: boolean;
    private LandingPageRemoved: boolean;
    private LandingPage: d3.Selection<any>;

    constructor(options: VisualConstructorOptions) {
            //...
            this.element = options.element;
            //...
    }

    public update(options: VisualUpdateOptions) {
    //...
        this.HandleLandingPage(options);
    }

    private HandleLandingPage(options: VisualUpdateOptions) {
        if(!options.dataViews || !options.dataViews.length) {
            if(!this.isLandingPageOn) {
                this.isLandingPageOn = true;
                const SampleLandingPage: Element = this.createSampleLandingPage(); //create a landing page
                this.element.appendChild(SampleLandingPage);
                this.LandingPage = d3.select(SampleLandingPage);
            }

        } else {
                if(this.isLandingPageOn && !this.LandingPageRemoved){
                    this.LandingPageRemoved = true;
                    this.LandingPage.remove();
                }
        }
    }

Aşağıdaki resimde örnek bir giriş sayfası gösterilir:An example landing page is shown in the following image:

giriş sayfası ekran görüntüsü