ZoomCharts Documentation
Version: 1.21.13 (2026-02-03)
Switch to Version 2.0 (BETA)

TimeChart.settings.breadcrumb

This section is defined by the type BaseSettingsBreadcrumb.

Breadcrumb navigation display settings.

Properties

align: "left" | "right" | "center"
Default value: "left"

Breadcrumb alignment.

Valid values:
  • left
  • right
  • center
backgroundColor: string
Default value: "rgba(255,255,255,0.8)"

Background color for the breadcrumb

borderRadius: number
Default value: 4

Border radius for the background

cssClass: string
Default value: null

CSS class name for the breadcrumb HTML panel.

enabled: boolean
Default value: false

Show/hide breadcrumb.

font: string
Default value: "12px Arial, sans-serif"

Font specification for the breadcrumb text. Can include size and family (e.g., "12px Arial, sans-serif") or just family (e.g., "Arial, sans-serif"). If size is not specified, defaults to 12px. Allows customization of the font while preserving other font adjustments (e.g., bolding).

itemNameFunction: (defaultName: string, itemId: string, chart: any) => string
Default value: (a) => a
Parameters
defaultName: string
itemId: string
chart: any
Return value
Data type: string
location: "inside" | "outside"
Default value: "inside"

Toolbar location inside chart.

Valid values:
  • inside - Inside chart area
  • outside - Outside of chart area
margin: number
Default value: 4

Margin around the breadcrumb

padding: number
Default value: 2

Padding inside the breadcrumb

separator: string
Default value: ">"

What symbol should be used to separate breadcrumb entries

separatorSpace: string
Default value: " "

What character should be used for spacing the breadcrumb separators

side: "top" | "bottom" | "left" | "right"
Default value: "top"

Breadcrumb placement side.

Valid values:
  • top
  • bottom
  • left
  • right
textColor: string
Default value: "rgba(0,0,0,0.7)"

Text color for the breadcrumb

X