Přidání cílové stránky do vizuálů Power BIAdd a landing page to your Power BI visuals

Pomocí rozhraní API 2.3.0 můžete do vizuálů Power BI přidat cílovou stránku.With API 2.3.0, you can add a landing page to your Power BI visuals. Uděláte to tak, že do funkcí přidáte funkci supportsLandingPage a nastavíte ji na hodnotu True.To do so, add supportsLandingPage to the capabilities, and set it to true. Touto akcí se vizuál inicializuje a aktualizuje ještě předtím, než do něj přidáte data.This action initializes and updates your visual before you add data to it. Vizuál už nezobrazuje vodoznak, takže si můžete navrhnout vlastní cílovou stránku, která se ve vizuálu bude zobrazovat, dokud v něm nejsou data.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();
                }
        }
    }

Příklad cílové stránky je na následujícím obrázku:An example landing page is shown in the following image:

Snímek obrazovky cílové stránky