Bagikan melalui

Gunakan pemilih untuk mengontrol visual mana yang terpengaruh

  • Artikel

Beberapa fitur memungkinkan Anda menggunakan pemilih untuk mengontrol visual mana yang terpengaruh. Pemilih bersifat opsional, dan ketika tidak muncul, pengaturan berlaku untuk semua visual dalam laporan.

Fitur yang didukung

Pemilih dapat digunakan dalam fitur berikut:

Jenis pemilih

Nama visual

Terapkan pengaturan hanya untuk visual yang ditentukan.

selector: {
    $schema: "http://powerbi.com/product/schema#visualSelector",
    visualName: <a visual name> // You can retrieve the name using `getVisuals`
}

Untuk menemukan nama visual, Anda dapat menggunakan API getVisuals() pada halaman dan mendapatkan properti name visual. Nama visual adalah pengidentifikasi unik.

Jenis visual

Terapkan pengaturan ke semua visual dari jenis yang ditentukan.

selector: {
    $schema: "http://powerbi.com/product/schema#visualTypeSelector",
    visualType: <a visual type> // You can retrieve the type using `getVisuals`
}

Untuk menemukan jenis visual, Anda dapat menggunakan API getVisuals() pada halaman dan mendapatkan properti type visual.

Target pemotong

Terapkan status pemotong hanya untuk pemotong dengan target yang ditentukan.

selector: {
    $schema: "http://powerbi.com/product/schema#slicerTargetSelector",
    target: <target data field>  
}

Contoh

Pengaturan header visual

  • Sembunyikan semua header visual dalam laporan.

    let config = {
    …
    settings: {
        …
        visualSettings: {
            visualHeaders: [
                {
                    settings: {
                        visible: false
                    }
                    /* No selector - Hide visual header for all the visuals in the report */
                }
            ]
        }
    }
};

  • Sembunyikan header visual untuk visual tertentu menggunakan pemilih visual.

    let config = {
    …
    settings: {
        …
        visualSettings: {
            visualHeaders: [
                {
                    settings: {
                        visible: false
                    }
                    selector: {
                        $schema: "http://powerbi.com/product/schema#visualSelector",
                        visualName: "VisualContainer1",
                    }
                }
            ]
        }
    }
};

Ekstensi perintah menu dan perintah bawaan menampilkan pemilih dukungan.

  • Menambahkan perintah ekstensi ke menu opsi visual tertentu.

    let config = {
    ...
    settings: {
        ...

        // Adding the extension command to the options menu
        extensions: [
            {
                command: {
                    name: "campaign",
                    title: "Start campaign",
                    icon: base64Icon,
                    selector: {
                        $schema: "http://powerbi.com/product/schema#visualSelector",
                        visualName: tableVisualName
                    },
                    extend: {
                        visualOptionsMenu: {
                            title: "Start campaign",
                            menuLocation: models.MenuLocation.Top,
                        }
                    }
                }
            },
        ],
    }
}

  • Sembunyikan beberapa perintah bawaan untuk semua visual dengan jenis table.

    let tableSelector = {
    $schema: "http://powerbi.com/product/schema#visualTypeSelector",
    visualType: 'table'
};

let config = {
    ...
    settings: {
        ...
        // Hiding built-in commands on the options menu
        commands: [
            {
                spotlight: {
                    selector: tableSelector,
                    displayOption: models.CommandDisplayOption.Hidden,
                },
                exportData: {
                    selector: tableSelector,
                    displayOption: models.CommandDisplayOption.Hidden,
                },
                seeData: {
                    selector: tableSelector,
                    displayOption: models.CommandDisplayOption.Hidden,
                },
            }
        ]
    },
};

Pemotong saat dimuat

Nota

Pemotong saat dimuat tidak mendukung pemilih jenis visual

  • Mengatur pemotong tertentu menurut nama

    let slicers = [
    {
        selector: {
            $schema: "http://powerbi.com/product/schema#visualSelector",
            visualName: "d1feb8891635af3b335a"
        },
        state: {
            filters: [
            {
                $schema:"http://powerbi.com/product/schema#advanced",
                target: {
                    table: "Store",
                    column: "StoreNumber"
                },
                filterType: models.FilterType.AdvancedFilter,
                logicalOperator: "And",
                conditions: [
                    { operator: "GreaterThanOrEqual", value: 37 },
                    { operator: "LessThanOrEqual", value: 576 }]
            }]
        }
    }
];

embedConfig = {
    slicers: slicers,
    ...
};

  • Atur pemotong menurut target

    // We want to slice all slicers with "StoreNumber" column target
let target = {
    table: "Store",
    column: "StoreNumber"
};

let slicers = [
    {
        selector: {
            $schema: "http://powerbi.com/product/schema#slicerTargetSelector",
            target: target
        },
        state: {
            filters: [
            {
                $schema:"http://powerbi.com/product/schema#advanced",
                target: target,
                filterType: models.FilterType.AdvancedFilter,
                logicalOperator: "And",
                conditions: [
                    {operator: "GreaterThanOrEqual", value: 37 },
                    {operator: "LessThanOrEqual", value: 576 }]
            }]
        }
    }
];

embedConfig = {
    slicers: slicers,
    ...
};

Konten terkait