Bagikan melalui


Menambahkan menu konteks ke Visual Power BI Anda

Setiap visual Power BI dapat menampilkan menu konteks. Menu konteks memungkinkan Anda melakukan berbagai operasi pada visual, seperti menganalisis, meringkas, atau menyalinnya. Saat Anda mengklik kanan di mana saja di dalam viewport visual (atau tekan lama untuk perangkat sentuh), menu konteks akan ditampilkan. Ada dua mode menu konteks untuk setiap visual. Mode yang ditampilkan bergantung pada tempat Anda mengklik di dalam visual:

  • Panggil menu konteks pada ruang kosong untuk melihat menu konteks dasar untuk visual.
  • Panggil menu konteks pada titik data tertentu untuk opsi tambahan yang dapat diterapkan ke titik data tersebut. Dalam hal ini, menu konteks juga berisi opsi Tampilkan titik data sebagai tabel, Sertakan, dan Kecualikan, yang akan menerapkan filter terkait ke titik data tersebut.

Agar Power BI menampilkan menu konteks untuk visual Anda, gunakan selectionManager.showContextMenu() dengan parameter selectionId dan posisi (sebagai {x:, y:} objek).

Catatan

  • selectionManager.showContextMenu() Tersedia dari Visuals API versi 2.2.0. Untuk mengetahui versi mana yang Anda gunakan, periksa apiVersion di file pbiviz.json .
  • Semua visual yang diterbitkan ke AppSource harus mendukung kedua ContextMenu mode (ruang kosong dan titik data).

Contoh berikut menunjukkan cara menambahkan menu konteks ke visual. Kode diambil dari barChart.ts file, yang merupakan bagian dari sampel visual BarChart:

constructor(options: VisualConstructorOptions) {
        ...
        this.handleContextMenu();
    }

private handleContextMenu() {
        this.rootSelection.on('contextmenu', (event: PointerEvent, dataPoint) => {
            this.selectionManager.showContextMenu(dataPoint ? dataPoint: {}, {
                x: mouseEvent.clientX,
                y: mouseEvent.clientY
            });
            mouseEvent.preventDefault();
        });
    }

Ada pertanyaan lagi? Tanyakan kepada Komunitas Power BI