dashboard-js-devexpress-dot-dashboard-a8929717.md
Provides information for the ItemVisualInteractivity event.
export interface ItemVisualInteractivityEventArgs extends DashboardItemBaseEventArgs
Use the onItemVisualInteractivity handler to raise the ItemVisualInteractivity event.
The ItemVisualInteractivity event allows you to provide custom visual interactivity for data-bound dashboard items that support element selection and highlighting. This event is raised for dashboard items with disabled master filtering. Visual interactivity is enabled for master filter items by default. The Web Dashboard also fires this event when master filtering is applied to the current dashboard item or drill-down is performed in this dashboard item.
After the selection is changed, the ItemSelectionChanged event is raised. You can use the onItemSelectionChanged handler to raise this event.
The following table lists possible target axes for each dashboard item and supported interactivity capabilities.
| Dashboard Item | Target Axes | Selection | Highlighting |
|---|---|---|---|
| GridDashboardItem | DefaultAxis | yes | no |
| ChartDashboardItem | ChartArgumentAxis | yes | yes |
| ChartDashboardItem | ChartSeriesAxis | yes | yes |
| ScatterChartDashboardItem | ChartArgumentAxis | yes | yes |
| PieDashboardItem | ChartArgumentAxis | yes | yes |
| PieDashboardItem | ChartSeriesAxis | yes | yes |
| CardDashboardItem | DefaultAxis | yes | yes |
| GaugeDashboardItem | DefaultAxis | yes | yes |
| MapDashboardItem | DefaultAxis | yes | yes |
| TreemapDashboardItem | DefaultAxis | yes | yes |
Note
The Grid dashboard item does not support custom interactivity when Cell Merging is enabled.
DashboardItemBaseEventArgs ItemVisualInteractivityEventArgs
Specifies whether to enable highlighting for the current dashboard item.
enableHighlighting: (value: boolean) => void
| Type | Description |
|---|---|
| (value: boolean) => void |
true , to enable highlighting; otherwise, false.
|
Gets the selection mode for dashboard item elements.
getSelectionMode: () => DashboardSelectionMode
| Type | Description |
|---|---|
| () => DashboardSelectionMode |
A DashboardSelectionMode value that specifies the selection mode.
|
Use the ItemVisualInteractivityEventArgs.setSelectionMode property to set the selection mode.
Gets data axes used to perform custom interactivity actions.
getTargetAxes: () => DevExpress.Dashboard.Data.ItemDataAxisName[]
| Type | Description |
|---|---|
| () => ItemDataAxisName[] |
An array of strings that are the names of data axes.
|
Gets a value that specifies whether highlighting is enabled for the current dashboard item.
isHighlightingEnabled: () => boolean
| Type | Description |
|---|---|
| () => boolean |
true , if highlighting is enabled; otherwise, false.
|
Sets the selection mode for dashboard item elements.
setSelectionMode: (value: DashboardSelectionMode) => void
| Type | Description |
|---|---|
| (value: DashboardSelectionMode) => void |
A DashboardSelectionMode value that specifies the selection mode.
|
Use the ItemVisualInteractivityEventArgs.getSelectionMode property to get the selection mode.
Sets data axes used to perform custom interactivity actions.
setTargetAxes: (value?: DevExpress.Dashboard.Data.ItemDataAxisName[]) => void
| Type |
|---|
| (value?: ItemDataAxisName[]) => void |
Gets the default selection for the current dashboard item.
getDefaultSelection(): Array<DevExpress.Dashboard.Data.ItemDataAxisPointTuple>
| Type |
|---|
| ItemDataAxisPointTuple[] |
Sets the default selection for the current dashboard item.
setDefaultSelection(
selection: Array<DevExpress.Dashboard.Data.ItemDataAxisPointTuple>
): void
| Name | Type |
|---|---|
| selection | ItemDataAxisPointTuple[] |