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

FacetChart.settings.interaction

This section is defined by the type FacetChartSettingsInteraction.

A variety of interaction options that includes scrolling, zooming and swipe.

Properties

animation: anonymous type

Chart animation settings.

Properties
scrollDuration: number
Default value: 500

Duration of scroll animation.

ignoreBottomAxis: boolean
Default value: false
Introduced in version 1.12.0.

Specifies if the bottom axis should be completely ignored for all interaction mouse and touch events.

mode: "drilldown" | "select" | "toggle"
Default value: "drilldown"
Introduced in version 1.17.3.

Interaction mode. Note that selection.enabled can be used to disable the selection completely.

Values:

  • drilldown - performs drill down on click, if item is not expandable, selects it
  • select - selects items
  • toggle - toggle selects items.
resizing: BaseSettingsResizer
Inherited from: BaseSettingsInteraction
View section details

Controls chart resize handles.

It's a horizontal line right below any chart to handle whole chart resizes by small steps.

Note that the full screen button used as a main alternative to get a full screen by one click.

scrolling: LinearChartSettingsInteractionScrolling
View section details

Configurable settings to manage scroll interaction.

selection: FacetChartSettingsInteractionSelection
Version 1.17.0: the selection is now be rendered on the chart.
View section details

Configurable settings for select option. Note that the selection style is configured by area.style.selection.

swipeSensitivity: number
Default value: 0.6

Sensitivity of Left/Right/Up/Down swipes. Note that scrolling.swipePageFlipping must be true for this to have any effect.

zooming: LinearChartSettingsInteractionZooming
View section details

Configurable settings to enhance and alleviate zoom interaction.

X