# Class WidgetByIdComponent Fusion Embed

The WidgetById component, which is a thin wrapper on ChartWidgetComponent, is used to render a widget created in a Sisense Fusion instance.

To learn more about using Sisense Fusion Widgets in Compose SDK, see Sisense Fusion Widgets (opens new window).

# Example

<csdk-widget-by-id
   [widgetOid]="widgetOid"
   [dashboardOid]="dashboardOid"
   [includeDashboardFilters]="true"
/>

import { Component } from '@angular/core';

@Component({
 selector: 'app-widgets',
 templateUrl: './widgets.component.html',
 styleUrls: ['./widgets.component.scss'],
})
export class WidgetsComponent {
 widgetOid: string = '60f3e3e3e4b0e3e3e4b0e3e3';
 dashboardOid: string = '60f3e3e3e4b0e3e3e4b0e3e3';
}

# Implements

AfterViewInit
OnChanges
OnDestroy

# Constructors

# constructor

new WidgetByIdComponent(sisenseContextService, themeService): WidgetByIdComponent

# Parameters

Parameter	Type
`sisenseContextService`	`SisenseContextService`
`themeService`	`ThemeService`

# Returns

WidgetByIdComponent

# Properties

# Data

# filters

filters: Filter[] | undefined

Filters that will slice query results

Provided filters will be merged with the existing filters from the widget configuration.

# filtersMergeStrategy

filtersMergeStrategy: "codeFirst" | "codeOnly" | "widgetFirst" | undefined

Strategy for merging the existing widget filters (including highlights) with the filters provided via the filters and highlights props:

widgetFirst - prioritizes the widget filters over the provided filters in case of filter conflicts by certain attributes.
codeFirst - prioritizes the provided filters over the widget filters in case of filter conflicts by certain attributes.
codeOnly - applies only the provided filters and completely ignores the widget filters.

If not specified, the default strategy is codeFirst.

# highlights

highlights: Filter[] | undefined

Highlight filters that will highlight results that pass filter criteria

# includeDashboardFilters

includeDashboardFilters: boolean | undefined

Boolean flag whether to include dashboard filters in the widget's filters and highlights

If not specified, the default value is false.

# dashboardOid

dashboardOid: string

Identifier of the dashboard that contains the widget

# description

description: string | undefined

Description of the widget

If not specified, it takes the existing value from the widget configuration.

# highlightSelectionDisabled

highlightSelectionDisabled: boolean | undefined

Boolean flag whether selecting data points triggers highlight filter of the selected data

Recommended to turn on when the Chart Widget component is enhanced with data drilldown by the Drilldown Widget component

If not specified, the default value is false

# styleOptions

styleOptions: WidgetByIdStyleOptions | undefined

Style options for the widget including the widget container and the chart or table inside.

# title

title: string | undefined

Title of the widget