JavaScript Chart Axis Details

Axis

• Axis Markers

  • Range or value markers

    • CalendarPattern values
    • Category name values
  • Smart AxisMarker Labels that avoid other labels and visuals

    • Set axis marker label color with color modifiers (darker, lighten, ...) based on the marker color.
  • onTop
  • IncludeInScale - always visible
  • Token values - use '%average', '%sum' and other tokens as marker values
  • Default AxisMarker Settings
  • LegendEntry
• Axis Line

  • Line tick breaks provide a unique visual in combination with circular or linear gauges

    • Customizble gap spacing
    • Render default gap positions or "invert" rendering each gap with a line instead.
    • Custom break positions.
  • Fill axis line with smartPalette gradients.
  • Axis line caps support
• Major & Minor ticks

  • Custom intervals / styling / labeling
  • Automatic angled ticks or wrapping to prevent overlap
  • Custom ticks - add axis ticks at specific axis positions
  • Token values - use '%average', '%sum' and other tokens as tick values
  • Axis tick placement visual customization (inside/outside)
  • Click, mouseOver, mouseOut Events
  • Point Axis Ticks with axisId Option

    • axisTick.hoverAction Highlighting Options
    • Closest Point Gets The Tick
  • Default Overlapped Tick Settings (axis.defaultHiddenTick)
• Range tick support

  • Three modes: Minimal, Curly, and Measure
  • CalendarPattern values
  • Category name values refer to ranges.
  • Ability to center range tick grid lines
• Intervals

  • Intuitive Time Interval API
  • Time axis smart labeling

    • Dynamically selects major and minor time axis tick formatting
    • Automatic label culling to minimize label length
    • Optimized for charts with zooming into time series data
  • Major and minor settings
  • Automatic Intervals
• Formatting

  • Automatic magnitude shortening of large numeric values.
  • Format strings
  • Culture based Formatting
  • Inline Formatting
  • Callback Functions
• Scale Control

  • Min/Max
  • Padding
  • Inverted Scale
  • ScaleBreaks

    • CalendarPattern Scale Breaks

      • CalendarPattern Offsets
    • ScaleBreaks types and customization options.
  • Automated dynamic ScaleBreaks
  • Time Y axis
  • Logarithmic and LogarithmicStacked axis scales

    • Zero and negative value support
  • Axis Scale minInterval Option
  • Define axis categories
  • Axis maxTickCount property
• Styling

  • Grid line width matching column widths automatically.
  • Axis visuals onTop to control drawing order
  • Box rendering around tick label with callout.
  • Axis.caOffset property to modify axis position.
  • Axis tick label auto-wrapping
• Orientation
• Multiple Axis Support

  • Associated to specific series
  • Associated with another axis (Used to show same scale but with different units)
  • DefaultAxis API Option
  • Additional Axes Bind to Main Axes By Default
  • Arbitrary Extra Axes On Charts
• Axis Crosshairs

  • X crosshair with data snapping (highlights all points at x position)
  • Enables combined tooltip when x axis crosshair is enabled alone
  • Y axis crosshair with data snapping (shows all point values at x position)