FusionCharts vs. Highcharts vs. amCharts | Compare JavaScript Charting Libraries →

Products
Developer
- Dev Center (Docs)
- Integrations
Important Links

Search ChartsNewAsk FusionDev AI

search..

FusionCharts Suite XT
- Overview
- Charts and Maps gallery
  Overview
  FusionCharts XT
  Column & Bar Charts
  Overview
  Simple column
  Grouped column with multiple series
  Grouped column with scrolling
  Simple bar
  Grouped bar with multiple series
  Column in 3D
  Grouped column in 3D with multiple series
  Bar in 3D
  Grouped bar in 3D with multiple series
  Bar chart with custom labels as annotations
  Overlapping Columns
  Overlapping Bars
  Grouped bar with scrolling
  Line & Area Charts
  Overview
  Simple line
  Line with multiple series
  Line with zooming & panning
  Line with scrolling only
  Line with multiple axes & series
  Simple area
  Area with multiple series
  Area with scrolling
  Simple spline
  Spline with multiple series
  Simple spline-area
  Spline-area with multiple series
  Step-line
  Pie & Donut Charts
  Overview
  Pie in 2D
  Donut in 2D
  Pie in 3D
  Donut in 3D
  Nested Pie in 2D
  Stacked Charts
  Overview
  Stacked columns
  Stacked columns with scrolling
  100% stacked columns
  Grouped stacked columns
  Stacked columns with negative values
  Stacked columns in 3D
  100% stacked columns in 3D
  Stacked bars
  Stacked bars in 3D
  Stacked area
  Stacked bars with scrolling
  Grouped stacked columns with scrolling
  Combination Charts
  Overview
  Same axis - Column, line & area
  Same axis - Column & line/area, with scrolling
  Dual axis - Column & line/area, with scrolling
  Dual axis - Line with zooming & panning
  Same axis - Stacked columns & line
  Same axis - Column & line, in 3D
  Same axis - Column, line & area, in 3D
  Same axis - Stacked columns & line, in 3D
  Dual axis - Column, line & area
  Dual axis - Stacked columns & line, in 3D
  Dual axis - Grouped stacked columns & line
  Dual axis - Column, line & area, in 3D
  Dual axis - Grouped stacked columns with negative values & line
  Dual Axis - Grouped stacked columns & line with scrolling
  Dual axis - Stacked columns & line
  Dual axis - Stacked area & line
  Dual axis - Column, line & area, in 3D
  Bubble & Scatter (XY) Charts
  Overview
  Simple bubble
  Bubble with quadrants
  Simple Scatter
  Scatter with multiple series
  Scatter with zooming support
  Scatter with selection of points on canvas
  Market Share Charts
  Overview
  Market share in actuals
  Market share as %
  Pareto Charts
  Overview
  Simple Pareto
  Pareto with dual axis
  Pareto in 3D
  FusionWidgets XT
  Gauges & KPIs
  Overview
  Rating Meter
  Speedometer
  Quarter gauge
  Gauge with trend
  Linear Scale
  Linear Scale with colored categories
  Cylinder fill
  Horizontal LEDs
  Vertical LEDs
  Thermometer display
  Bulb indicator
  Gantt / Project Charts
  Overview
  Simple gantt
  With progress indicators for each task
  With task owner listed & multi-level dates
  Grouped view of tasks
  Showing planning vs actuals
  Weekly task distribution
  Hourly tasks
  Milestone indicators
  Showing dependent tasks
  Machine operating schedule
  Funnel & Pyramid Charts
  Overview
  Simple funnel
  Funnel with % values
  Funnel in 3D
  Funnel to show part-to-whole
  Simple pyramid
  Pyramid with % values
  Pyramid in 3D
  Bullet & Spark (Micro) Charts
  Overview
  Horizontal Bullet Graph
  Horizontal Bullet with dot
  Vertical Bullet Graph
  Simple sparkline
  Sparkline with period indicators
  Sparkline with dots only
  Simple spark-columns
  Spark-columns with period indicators
  Win/loss micro charts
  Self-updating (Real-time) charts
  Overview
  Line
  Dual axis - Line
  Area
  Stacked Area
  Column
  Stacked Column
  Speedometer
  Cylinder fill
  LED
  Thermometer
  Bulb
  PowerCharts XT
  Heat & Tree Maps
  Overview
  Heat map with numeric values
  Heat map with percent data
  Heat map using variants of single color
  Heat map with additional labels per quadrant
  Heat map with categorical values & numeric mapping
  Heat map to show scores
  Heat map to show ranking
  Simple tree map
  Tree map with breadcrumb
  Tree map with squarified layout
  Tree map with slice & dice layout - vertical slicing
  Tree map with slice & dice layout - horizontal slicing
  Tree map with slice & dice layout - alternate slicing
  Radar (Spider Charts)
  Overview
  Simple radar
  Radar with multiple series
  Waterfall / Cascade Charts
  Overview
  Simple waterfall
  Without cumulative sum
  Visually Editable Charts (What-if analysis)
  Overview
  Editable column chart
  Editable line chart
  Editable area chart
  Editable gauge
  Editable linear scale
  Graph visualization / Node diagrams
  Overview
  Simple graph layout
  Station map chart
  Network visualization
  Sequence flow visualization
  Add/remove nodes from chart
  Org Chart Visualization
  Statistical Charts
  Overview
  Simple box and whisker
  Box and whisker with mean and outliers
  Box and whisker with connected mean
  Box and whisker with mean deviation
  Scatter (XY) with error bars
  Line with error bars
  Column with error bars
  Line with log axis
  Column with log axis
  Column with inverted axis
  Area with inverted axis
  Line with inverted axis
  Stock Charts
  Overview
  Simple candlestick
  Candlestick with price plotted as line
  Candlestick without volume panel
  Candlestick with custom trends
  Candlestick with split/dividend markers
  Kagi Chart
  Sankey Diagram
  Overview
  Simple Sankey Diagram
  Vertical Sankey
  Sankey with No Nodes
  Sunburst Charts
  Overview
  Simple Sunburst
  Sunburst with multiple roots
  Chord Diagram
  Overview
  Simple Chord
  Simple Chord with Blend
  Chord with Self-links
  Chord with large number of nodes
  FusionMaps XT
  Examples
  Sale of Cigarettes in Europe
  Population growth world-wide
  WeWork Office Locations
  Shipping Routes in US
  Average temperature of US States
  Television exposure by DMA in US
  Fertility rates in Europe
  Greenhouse gas emissions (with drill-down)
  Features
  Setting custom labels
  Drill-down from map to chart
  Showing specific regions only
  Custom tool-tips
  Overlay icons on maps
  Overlay icons with connector lines
  All Maps (2,000+)
- Feature Gallery
  Overview
  Data Plots
  Chart Titles/Labels
  Number Formatting
  Legends
  Tooltips
  Trendlines
  Axis and Gridlines
  Drill Down
  Export Charts
  Zoom/Scroll/Pan
  Chart Loading Config
  Chart Branding
  Events/API
  Annotations
  Space Management
- Chart Guides
  Line Chart
  Area Chart
  Bar Chart
  Column Chart
- Integrations
  Overview
  Front-end Integrations
  React
  Angular (for Angular 2 or above)
  jQuery
  Vue.js
  Ember
  AngularJS (for Angular 1.x)
  React Native
  Svelte
  Flutter
  Blazor
  Back-end Integrations
  ASP.NET
  PHP
  Java
  Django
  Ruby on Rails
- Extensions
  Accessibility
  Overview
  Usage Guide

FusionTime
- Overview
- Examples
  Overview
  Simple time-series
  Line chart with time axis
  Plotting multiple series on time axis
  Column and line combination on time axis
  Dual Y-Axis
  Y-Axis on right side
  Log axis with time-series
  Log Axis with different base
  Plotting missing data
  Join missing data
  Join missing data with styled line
  Multivariate time-series
  Plotting two variables (measures)
  Different plot type for each variable (measure)
  Y-Axis on right side of one of the canvas
  Chart with variable canvas height
  High volume data
  Time series chart with a million data points
  Standard chart types
  Column chart with time axis
  Stacked column chart with time axis
  Grouped column chart
  Area chart with time axis
  Smooth area chart with time axis
  Stacked area chart with time axis
  Overlapping area chart with time axis
  Customized area chart with time axis
  Dashed line chart with time axis
  Step line chart with time axis
  Spline plot with time axis
  Area Range Chart
  Column Range Chart
  Stock chart types
  Interactive Candlestick chart
  Interactive OHLC Chart
  Interactive candlestick chart with y-axis on right
  Stock chart with volume
  Annotations on stock chart
  Real-time OHLC chart
  Real-time candlestick chart
  Annotating data
  Annotating single data point
  Annotating multiple data points
  Annotations on a multivariate chart
  Annotations with pin type data marker
  Event overlays
  Single event overlay
  Date range event overlay
  Full line single event overlay
  Full band date range event overlay
  Single event overlay in multivariate
  Date range event overlay in multivariate
  Configurable features
  Adding a reference line
  Dashed reference line
  Multiple reference lines on same chart
  Reference line in multivariate chart
  Adding a reference zone
  Multiple reference zones on same chart
  Reference zone in multivariate chart
  Representing predictive data
  Styled standard range selector
  Styled custom range selector
  Specify initial time interval
  Time format on time axis
  Time format in tooltip
  Data binning on time axis
  Maximum data bin on time axis
  Minimum data bin on time axis
  Enabling clipping of specific date
  Enabling cyclic weekend clipping
  Enable Auto-axis clipping when null data is present
  See unformatted data values
  Round off data values
  Enabling grid bands
  Disabling Legend
  Initially hidden legend item
  Customize Legend Position
  Disabling time navigator
  Specify time navigator height
  Exportable time series charts
  Customizing caption and sub-caption position
  Weekly Data binning on time axis
  Working with events & methods
  Data plot hover mouse event
  Data plot click mouse event ‎
  Binning API methods
  Selection change event on OHLC chart
  Selection change event on stacked column chart
  Export chart using API method
  Update chart using API methods
  Add data to chart in real-time
  Update data in real-time
  Self updating chart using Rest API
  Change Plot Type

FusionExport
- Overview

Showcase
- Dashboards
  Overview
  Smart Energy Monitoring Dashboard
  Sales Management Dashboard
  SaaS Dashboard
  Wealth Management Dashboard
  Expense Dashboard of US Dept. of Veteran Affairs
  Investment Portfolio Dashboard
  Technology Dashboard
  Pediatrics Center Dashboard
  Marketing Dashboard
  Web Series Dashboard
  Manufacturing Quality Dashboard
  Shipment Analysis Dashboard
  Venture Financing Dashboard
  Online Retail Dashboard
  Sales Opportunity Dashboard
  Google Analytics Web Dashboard
  Smart Weather Dashboard
  Real-time Twitter hashtag tracker
  Sales Performance Dashboard (Mobile)
  Sales & Collaboration Dashboard
  Sales Performance Tracker (3D)
  Realty Information Dashboard
  Membership Monitoring Dashboard
  Automotive Manufacturing Management Dashboard
  Healthcare Expenditure Dashboard
  Business Operation Monitoring Dashboard
  Flight Planner
  Music Player with Graphic Equalizer
  Real-time Patient Monitoring Dashboard
  Football League Dashboard
  Product Ratings Dashboard
- Data Stories
  Overview
  Gasoline Prices around the World
  World’s Top Cities for People and Planet
  Summers are Getting Hotter
  Immigration to the US
  How Trump Compares with Past Presidents
  What is Really Warming the World
  Unemployment Rate in the USA
  How Americans Die
  Clean Water Access around the World
  Twelve Global Economic Indicators to Watch
  Ratios of Inequity
  Performance of Tech IPOs
  Understanding the World Better
  Jobs Gain & Loss
  Popularity of Donald Trump

FusionGrid
- Overview
- Examples
  Column Filter
  Data Export
  Row Selection
  Column Grouping
  Real-time Data update
  Row Sorting
  Search/Quick filter
  Row Animation

Add data to chart in real-time

Add real-time data to a time-series chart by using the feedData method.

The complete code of the above sample is given below:

Explore

Chart Gallery
Time-series Charts
Map Gallery
Data Stories
Dashboards
FusionExport
FusionGrid

Integrations

Angular
Vue
React
jQuery
PHP
ASP.NET
Explore all Integrations

Developers

Dev Center (Docs)
Integrations
Version History
Forum

Pricing

Pricing and Plans
Locate a Reseller
Support And Upgrades for Older Licenses
Login to Product Update Center

Resources

Whitepapers
Charting Best Practices
Chart Primers
Dashboard Primers
Developers
Blog

Company

Customers
Partners
About Us
Team
Careers
Legal
Privacy Policy

© 2024 FusionCharts - An Idera, Inc. Company. All Rights Reserved.