JavaScript Chart Real-Time & Interactivity Features Details

Real-Time & Interactivity Features

• Axis Real-time features

  • Get or set axis scale range
  • Add or Remove axis markers
  • Update any axis options at any time
  • Get axis value at click position
• Points

  • Add/Remove points in real-time
  • Point events
  • Update any Point properties at any time
  • Evaluate point values with tokens (calculations)
  • Explode point pie slices
  • Point Selection Modes

    • auto - (Default) Uses single or multiple selection mode while CTRL (command on a Mac) is pressed.
    • single - Only one point is selected at a time.
    • multiple - Multiple points can be selected at a time. Click points again to deselect.
    • { max: 3 } - Specify an arbitrary number of points at a time using FIFO (first in, first out) logic. Clicking a point beyond the maximum number will select the new point and deselect the first point selected.
  • Point.zoomTo() to scroll point into view
  • Point.cursor option
  • Tooltips - by hovering

    • Combined Tooltip - Shows tooltip for all points at a given x position

      • Combined Tooltip Customizations with tokens support
    • Follow Cursor Option
  • Point Focus Glow Visualization
  • Point.muted and selected properties
  • Point.hoverAction Highlighting Option
• Interactive Data Highlighting (by muting others)

  • Highlighting Modes

    • highlightSeries - Mutes all data except the points of the series being hovered.
    • highlightPoint - Mutes all data except the hovered point.
    • highlightPointGroup - Mutes all data except the point group being hovered. A point group refers to points across all series that share the same x value or name.
• Series

  • Add/Remove series in real-time
  • Evaluate series tokens (calculations)
  • Show/Hide series
  • Update any series options at any time
  • Series.zoomTo() to scroll series into view
  • Series.muted and selected properties
• Chart

  • Print
  • Export

    • Supported formats: PDF, JPG, GIF, SVG
    • Include supported file attributes such as author, subject, and others.
    • Export Events - (beforeExport, afterExport)
  • Update any chart options at any time
  • Redraw
  • Chart data calculations
  • Chart.zoom() API with full control over zooming
  • Data Selection Events (pointSelectionChanged, seriesSelectionChanged)
• Embedded input controls (See UiItems)
• Chart Zooming

  • Pinch Zooming
  • Alt-Scroll Wheel Zooming
  • Two Finger Tap - Zoom out
  • Point Legend Entry Click - Zoom to point