JavaScript Chart Types

Chart Types

Chart Types
- Vertical (Default)
  - (Any SeriesType)
- Horizontal
  - (Any SeriesType)
- Pie Donut
  - Normal
  - Donut
- Classic Needle Gauges
  - Circular
    Clip
    Circle
- Modern Circular Gauges
  - Marker
  - Column
    Round Caps
    Control hue change with (point.altColor)
- Modern Linear Gauges
  - Marker
  - Column
    Round Caps
- Gantt
  - Stack columns on Z axis (Bars Overlap)
  - Time Y Axis Scale
  - Milestones
  - Slack
  - Progress
  - Single and multiple parent Gantt dependencies.
  - Ability to set multiple parents and dependency line styles per data point
  - Point hierarchy dependency styling and selection
  - Ability to use hierarchy selectors to get points
  - Point.connectorLine property
  - Dependency line radius option
  - Point getParents() and getChildren() functions
  - Series and point defaultLeafPoint options for Gantt
- Mapping
  - Complete maps of all countries / states / provinces
  - Map context shows surrounding maps automatically
  - Select and customize map features easily with filters and selectors
  - Automatic projection support
    Projections with point and parallels options
    Mercator
    Lambert Conformal Conic
    Lambert Azimuthal Equal Area
    Stereographic
    Orthographic
  - Thematic mapping with advanced legend range support
  - geoJSON and topoJSON is supported for custom maps (not required)
  - Massive set of highly tuned maps doesn’t require any map files or experience
  - Add map layers in real-time for advanced dynamic maps
  - Plot lines, markers, and bubbles on maps
  - Map based palette generator
  - Pinch zooming with zoom limit options
- Radar
  - Auto
    (Any SeriesType)
  - Polar
    (Any SeriesType)
  - Spider
    (Any SeriesType)
- Organizational
  - Orient in any direction
  - Multiple parent node support
  - Node layer values (level in hierarchy)
  - Point Annotations Configuration Options
  - Right-angle or straight organizational connector lines
  - Synchronize organizational node widths and heights
  - Ability to set multiple parents and connector styles per data point
  - Point hierarchy connector styling and selection
  - Ability to use hierarchy selectors to get points
  - Point.connectorLine property
  - Connector line radius option
  - Point getParents() and getChildren() functions
  - Vertical leaf point layout
  - Series and point defaultLeafPoint options
- Organizational
  - Round
    Normal
    Inverted
  - Square
    Normal
    Inverted
- Pyramid
  - Normal
  - Inverted
- Cone
  - Normal
  - Inverted
- Heatmap
- Treemap
  - Squarified
  - SliceAndDice
  - Stripes
  - Cushion shading
- Calendar Heatmap
  - Features
    Automatic view based on data.
    Every view available in vertical (default) or horizontal.
    Every view groups data into subvalues for each cell.
    Automatic tooltips with microcharts for subvalues.
    Point binding by date or calendar patterns.
    Bind multiple points to a single cell.
    Bind single point to multiple cells.
    Calendar pattern based Highlights with real-time FP API
    Calendar cell scrolling when point label.autoHide == false.
  - Calendar Views
    decade
    year
    quarter
    month
    week30min
    week
    dayminutes
    dayhours
    day30min
    day15min
    day5min
    day
    hourseconds
    hour30sec
    hour10sec
    hourminutes
    hour
    minute
- Mosaic/Marimekko/Variwide Types
- Data Grid
  - As alternative chart view
  - Export to CSV
  - Multiple Headers
  - Microcharts and SVG icons in cells support
  - Cell formatting and expressions
  - Cell alignment
  - Infinite Scrolling for large data sets
  - Direct CSV to data grid tooling
  - Data Grid Title
- Venn Chart Type
  - Venn & Euler Diagrams
  - Automatic Color Blending
Series Types
- Bar & Column
  - Subtle
  - Solid
  - Aqua
  - Rounded
  - Automatic Corner Rounding
  - Point Radius Setting
- Line
  - Normal
  - Spline
    Spline tension option
  - Step
- Area
  - Subtle
    Normal
    Spline
    Step
  - None
    Normal
    Spline
    Step
- Marker & Scatter
  - Marker Offset Option
  - Auto rotation on radial and circular charts.
- Bubble
  - Area - Values control bubble volume
  - Width - Values control bubble width
Finance Series Types
- OHLC
  - Control close lower color (point.altColor)
- CandleStick
  - Subtle
  - Solid
  - Aqua
  - Rounded
  - Control close lower color (point.altColor)
Point Marker Types
- Diamond
- Circle
- Square
- Triangle
- Triangle-down
- Arrow-down
- Arrow-Up
- Four-point-star
- Five-point-star
- Six-point-star
- Seven-point-star
- Merger
- Split-reverse
- Spinoff
- Split
- Any icons from Icons Library
Chart Type Related Features
- Error Bars support to quickly and easily show data variability.
- Enum Chaining API - Apply multiple settings with a single property setting
- AngleArc API - provides easy start/end and orientation/sweep configuration
- New options to set Angle arc sweep using series based token strings
- Enhanced Pie, Radar, Gauge layout system
- Multiple subValue support for x and y error bars
- Force markers on any data points like columns/pies
- Column complete visual - fills columns with a hatch based on point complete value
- Hatch pattern fills for improved accessibility
- Change series types in real-time
- Line Interpolation with series.yAt(x)
- Multiple shape labels on radial, circular, pie, and funnel charts
  - Position labels with horizontal and vertical alignments inside or outside the visuals.
  - inside middle Left and inside middle right positions.
- Series Level First/Last Point Defaults
- Alternate Point Color Option (point.altColor)
Microcharts Support In All Labels
- Types
  - AreaLine
  - Bar
  - BarFull
  - Bullet
  - Column
  - Heatmap
  - Pie
  - Progress
  - Scale
  - Sparkline
- More Features
  - Rotate attribute support
  - Tooltip
  - Disable microchart pixel-snapping