Separator

Customize the line between the main chart and indicator panels.

← Back to Custom Styles overview

Copy the property path into your setCustomStyles config. You only need to include the values you want to change.

Property	Description	Type	Example
separator.size	Thickness of the separator line	number	1
separator.color	Color of the separator line	color	'#DDDDDD'
separator.fill	Fill the separator area	boolean	true
separator.activeBackgroundColor	Highlight when dragging to resize	color	'rgba(22, 119, 255, 0.08)'

Example

chart.setCustomStyles({
  global: {
    separator: {
      color: '#444444',
      activeBackgroundColor: 'rgba(22, 119, 255, 0.15)',
    },
  },
})

Developers who need full TypeScript interfaces can use the type reference.