# Interface WidgetByIdStyleOptions

Style settings defining the look and feel of the widget created in Fusion

# Properties

# backgroundColor

backgroundColor?: string

Widget background color

Affects chart background color as well


# border

border?: boolean

Widget container border toggle


# borderColor

borderColor?: string

Widget container border color


# cornerRadius

cornerRadius?: RadiusSizes

Corner radius of the widget container


header?: object

Widget header styles

# Type declaration

# header.backgroundColor

backgroundColor?: string

Header background color

# header.dividerLine

dividerLine?: boolean

Toggle of the divider line between widget header and chart

# header.dividerLineColor

dividerLineColor?: string

Divider line color

# header.hidden

hidden?: boolean

Header visibility toggle

# header.titleAlignment

titleAlignment?: AlignmentTypes

Header title alignment

# header.titleTextColor

titleTextColor?: string

Header title text color


# height

height?: number

Total height of the component, which is considered in the following order of priority:

  1. Value passed to this property (in pixels).
  2. Height of the container wrapping this component
  3. Default value as specified per chart type

# shadow

shadow?: ShadowsTypes

Shadow level of the widget container

Effective only when spaceAround is defined


# spaceAround

spaceAround?: SpaceSizes

Space between widget container edge and the chart


# width

width?: number

Total width of the component, which is considered in the following order of priority:

  1. Value passed to this property (in pixels)
  2. Width of the container wrapping this component
  3. Default value as specified per chart type