Skip to main content

JavaScript Chart Types

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
    • 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
    • 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