Бөлісу құралы:

Добавление контекстного меню в визуальный элемент Power BI

  • Мақала

Каждый визуальный элемент Power BI может отображать контекстное меню. Контекстное меню позволяет выполнять различные операции с визуальным элементом, например анализировать, суммировать или копировать его. При щелчке правой кнопкой мыши в области просмотра визуального элемента (или длинного нажатия для сенсорных устройств) отображается контекстное меню. Для каждого визуального элемента существует два режима контекстных меню. Отображаемый режим зависит от того, где вы щелкаете внутри визуального элемента:

  • Вызовите контекстное меню в пустом пространстве , чтобы просмотреть базовое контекстное меню визуального элемента.
  • Вызовите контекстное меню в определенной точке данных для добавленных параметров, которые можно применить к этой точке данных. В этом случае контекстное меню также содержит параметры "Показать точку данных как таблицу", "Включить" и "Исключить", которая будет применять соответствующий фильтр к этой точке данных.

Добавление контекстного меню

Используйте selectionManager.showContextMenu() параметры selectionId и позицию (в качестве {x:, y:} объекта), чтобы в Power BI отображалось контекстное меню для визуального элемента.

Примечание.

  • Он selectionManager.showContextMenu() доступен из API Visuals версии 2.2.0. Чтобы узнать, какая версия используется, проверка apiVersion в файле pbiviz.json.
  • Все визуальные элементы, опубликованные в AppSource, должны поддерживать оба ContextMenu режима (пустое пространство и точка данных).

В следующем примере показано, как добавить контекстное меню в визуальный элемент. Код взят из barChart.ts файла, который является частью примера визуального элемента 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();
        });
    }

Связанный контент

Есть еще вопросы? Спросите Сообщество Power BI