Zoom Line Chart - JavaScript API

Combination 3D chart exposes a number of functions for better interactivity. These functions can be called using JavaScript. Shown below is a list of these functions along with their description and parameter(s):
Functions
Function Name Parameter Description
zoomOut() none Zoom out to previous zoom level.
resetChart() none Resets to original state (zoom mode).
setZoomMode() isZoomMode:Boolean Switches between zoom and pin mode. This function works only when allowPinMode is set to '1' in chart XML or JSON.
zoomTo() startIndex:Number,
endIndex:Number		 Helps users to select a subset for zooming from JavaScript.
If the chart is in pin mode, it automatically switches to zoom mode.

The subset is defined by specifying the startIndex and endIndex of the data.
Both indexes have to be number. where startIndex should be a number bigger than 0 or it taken as 1. The endIndex should be less or equal to the total items. Otherwise, total item count is set as its value.
getViewStartIndex() none This functions returns the start index (as Number) of data from subset currently in view.
getViewEndIndex() none This functions returns the end index (as Number) of data from subset currently in view.
Events ( see Events page for details on events)
Name (Advanced model) Name ( Simple model) When is it raised? Event parameters
Zoomed FC_Zoomed This event is raised when a chart is zoomed. The event arguments provided by FC_Zoomed function (simple event model) are:

  • DOMId : Id of the chart raising the event
  • startIndex : Index of the first visible dataplot from left
  • endIndex : Index of the first visible dataplot from right
  • startItemLabel : Data label of the first visible dataplot from left
  • endItemLabel : Data label of the first visible dataplot from right

The event arguments provided in the advanced model are :

eventObject : This object contains eventId, eventType and sender properties.

argumentsObject : This object contains properties listed below:

  • startIndex : Index of the first visible dataplot from left
  • endIndex : Index of the first visible dataplot from right
  • startLabel : Data label of the first visible dataplot from left
  • endLabel : Data label of the first visible dataplot from right
Pinned FC_Pinned This event is raised when points have been pinned onto the chart. The event arguments provided by FC_Pinned function (simple event model) are:

  • DOMId : Id of the chart raising the event
  • startIndex : Index of the first visible dataplot from left
  • endIndex : Index of the first visible dataplot from right
  • startItemLabel : Data label of the first visible dataplot from left
  • endItemLabel : Data label of the first visible dataplot from right

The event arguments provided in the advanced model are :

eventObject : This object contains eventId, eventType and sender properties.

argumentsObject : This object contains properties listed below:

  • startIndex : Index of the first visible dataplot from left
  • endIndex : Index of the first visible dataplot from right
  • startLabel : Data label of the first visible dataplot from left
  • endLabel : Data label of the first visible dataplot from right
ZoomedOut FC_ZoomedOut This event is raised when chart is reset using button/context menu. The event argument provided by FC_ZoomedOut function (simple event model) is DOMId of the chart raising the event.

The event arguments provided in the advanced model are :

eventObject : This object contains eventId, eventType and sender properties.

argumentsObject : This object contains properties listed below:

  • eventObject : The name of the event raiser object in chart. The value can be "toolbar" or "menu"
ResetZoomChart FC_ResetZoomChart This event is raised when chart is reset using button/context menu. The event argument provided by FC_ResetZoomChart function (simple event model) is DOMId of the chart raising the event.

The event arguments provided in the advanced model are :

eventObject : This object contains eventId, eventType and sender properties.

argumentsObject : This object contains properties listed below:

  • eventObject : The name of the event raiser object in chart. The value can be "toolbar" or "menu"

You can also experience these API live from the consolidated example by clicking here.