ZoomCharts Documentation
Version: 1.21.1 (2024-11-08)

PieChart.settings.toolbar

This section is defined by the type BaseSettingsToolbar.

Adjustable settings to manage default and custom toolbar items, as well as toolbar overall appearance.

Properties

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

Toolbar align. Note that it can be overridden for individual items using item.align. Also Use 'top' or 'bottom' sides in conjunction with 'left', 'right' align or use 'left', 'right' sides with 'top', 'bottom'.

Valid values:
  • left
  • right
  • top
  • bottom
alignToChartWhenHorizontal: boolean
Default value: true

Whether to align the toolbar to the chart area in horizontal mode

back: boolean
Default value: true

Whether to show back button in toolbar.

cssClass: string
Default value: null
Introduced in version 1.11.6.

CSS class name for the toolbar HTML panel.

enabled: boolean
Default value: false

Show/hide toolbar.

export: boolean
Default value: true

Whether to show export dropdown in toolbar.

exportOptions: Array<"png" | "jpg" | "pdf" | "csv" | "xlsx">
Default value: null
Introduced in version 1.15.6.

Specifies what options will be provided for the user in the Export dropdown. Specifying null here will enable all options.

Note that some charts do not support XLSX or CSV option so enabling it here will not have any effect.

Currently the order of the types given in this array are ignored.

extraItems: Array<string | BaseSettingsToolbarItem>

A list of user defined items to show in toolbar. These are displayed in addition to the items collection (which includes the default buttons).

See also
fullscreen: boolean
Default value: false
Introduced in version 1.16.0.

Whether to show the fullscreen button on the toolbar.

isSticky: boolean
Default value: false

Whether the toolbar will "stick" at the edge when scrolling

items: Array<string | BaseSettingsToolbarItem>

A list of toolbar items. If this is specified, it overrides all the default buttons.

Use extraItems to specify items that should be displayed in addition to the defaults.

See also
limitDropdownHeight: boolean
Default value: false

Whether to limit dropdown menu height to the height of the chart

location: "auto" | "inside" | "outside"
Default value: "auto"

Toolbar location inside chart.

Valid values:
  • auto - Picks the best based on other configuration settings. Specifically, this will pick outside if horizontal is enabled, inside otherwise.
  • inside - Inside chart area
  • outside - Outside of chart area
showLabels: boolean
Default value: true

Whether to show or hide labels next to toolbar items by default. Note that it can be overridden for individual items using item.showLabels.

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

Toolbar placement side. Note that it can be overridden for individual items using item.side.

Valid values:
  • left
  • right
  • top
  • bottom
zoomOut: boolean
Default value: false

Whether to show the zoom out button.

X