Products
FusionCharts Suite XT
FusionTime
FusionExport
Developer
Dev Center (Docs)
Integrations
Dashboards
Data Stories
Contact Sales
Pricing
Download
Dev Centre
FusionCharts Suite XT
FusionCharts Suite XT
Plot 95+ charts and 1400+ data-driven maps
FusionTime
Plot high performance time-series visualizations
FusionExport
Export full Dashboards as PDFs for use in reports and emails
v3.15.1-sr.1
v3.15.1
v3.15.0-sr.1
v3.15.0
v3.14.1
v3.14.0-sr.1
v3.14.0
v3.13.5-sr.1
v3.13.5
v3.13.4
v3.13.3-sr.1
v3.13.3
v3.13.2-sr.1
v3.13.2
v3.13.1-sr.1
v3.13.1
v3.13.0
v3.12.2
v3.12.1
v3.12.0
v3.11.3
v3.11.2
v3.11.0
v3.10.1
v3.10.0
v3.9.0
v3.8.0
v3.7.1
v3.7.0
v3.6.0
v3.5.1
v3.5.0
v3.4.1
v3.4.0
Choose an item
Overview
Getting Started
Plain JavaScript
Creating your First Chart
Your First Chart
Rendering Different Charts
Usage Guide
Configuring your Chart
Adding Drill Down
Adding Annotations
Exporting Charts
Setting Data Source Using URL
Adding Special Characters
Working with APIs
Slice Data Plot
Working with Events
Change Chart Type
Apply Different Themes
Percentage Calculation
Add Event Listener
Bind Event Listener
Lifecycle Event
Special Events
Angular
AngularJS (v1.x)
Creating your First Chart
Your First Chart
Rendering Different Charts
Usage Guide
Configuring your Chart
Adding Drill-Down
Adding Annotations
Exporting Charts
Setting Data Source Using URL
Adding Special Characters
Working with APIs
Slice Data Plot
Working with Events
Change Chart Type
Apply Different Themes
Percentage Calculation
Add Event Listener
Bind Event Listener
Lifecycle Event
Special Events
Angular (v2.x & Above)
Creating your First Chart
Your First Chart
Rendering Different Charts
Usage Guide
Configuring your Chart
Adding Drill-Down
Exporting Charts
Setting Data Source Using URL
Adding Special Characters
Working with APIs
Slice Data Plot
Working with Events
Change Chart Type
Apply Different Themes
Percentage Calculation
Add Event Listener
Bind Event Listener
Lifecycle Event
Special Events
React
Creating your First Chart
Your First Chart
Rendering Different Charts
Usage Guide
Configuring your Chart
Adding Drill-Down Charts
Adding Annotations
Exporting Charts
Setting Data Source Using URL
Adding Special Characters
Working with APIs
Slice Data Plot
Working with Events
Change Chart Type
Apply Different Themes
Percentage Calculation
Add Event Listener
Bind Event Listener
Lifecycle Event
Special Events
React Native
Creating your First Chart
Your First Chart
Rendering Different Charts
Usage Guide
Adding Drill-Down Charts
Working with Events
Change Chart Type
Apply Different Themes
Bind Event Listener
Vue
Creating your First Chart
Your First Chart
Rendering Different Charts
Usage Guide
Configuring your Chart
Adding Drill-Down
Adding Annotations
Exporting Charts
Setting Data Source Using URL
Adding Special Characters
Working with APIs
Slice Data Plot
Working with Events
Change Chart Type
Apply Different Themes
Percentage Calculation
Add Event Listener
Bind Event Listener
Lifecycle Event
Special Events
jQuery
Creating your First Chart
Your First Chart
Rendering Different Charts
Usage Guide
Configuring your Chart
Adding Drill-Down
Exporting Charts
Setting Data Source Using URL
Rendering Charts from HTML Tables
Adding Special Characters
Working with APIs
Slice Data Plot
Working with Events
Change Chart Type
Apply Different Themes
Percentage Calculation
Add Event Listener
Bind Event Listener
Lifecycle Event
Special Events
jQuery Plugin API
Ember
Creating your First Chart
Your First Chart
Your First Gauge
Your First Map
Usage Guide
Configuring your Chart
Adding Drill-Down
Adding Annotations
Exporting Charts
Setting Data Source Using URL
Adding Special Characters
Working with APIs
Slice Data Plot
Working with Events
Change Chart Type
Apply Different Themes
Percentage Calculation
Add Event Listener
Bind Event Listener
Lifecycle Event
Special Events
Svelte
Creating your First Chart
Your First Chart
Your First Gauge
Your First Map
Ionic Framework
Using Angular
Using React
PHP
Creating your First Chart
Your First Chart
Your First Gauge
Your First Map
Usage Guide
Create Charts in PHP using Database
Configuring your Chart
Adding Drill-Down
Adding Annotations
Exporting Charts
Setting Data Source Using URL
Adding Special Characters
Working with APIs
Slice Data Plot
Working with Events
Change Chart Type
Apply Different Themes
Add Event Listener
Lifecycle Event
Java
Creating your First Chart
Your First Chart
Your First Gauge
Your First Map
Usage Guide
Create Charts in JAVA using Database
Configuring your Chart
Adding Drill-Down
Adding Annotations
Exporting Charts
Setting Data Source Using URL
Adding Special Characters
Working with APIs
Slice Data Plot
Working with Events
Change Chart Type
Apply Different Themes
Add Event Listener
Lifecycle Event
ASP.NET
Creating your First Chart
Your First Chart
Your First Gauge
Your First Map
Usage Guide
Create Charts in ASP.NET using Database
Configuring your Chart
Adding Drill-Down
Adding Annotations
Setting Data Source Using URL
Adding Special Characters
Working with APIs
Slice Data Plot
Working with Events
Change Chart Type
Apply Different Themes
Add Event Listener
Lifecycle Event
Django
Creating your First Chart
Your First Chart
Your First Gauge
Your First Map
Usage Guide
Create Charts in Django using Database
Configuring your Chart
Adding Drill-Down
Adding Annotations
Exporting Charts
Setting Data Source Using URL
Adding Special Characters
Working with APIs
Slice Data Plot
Working with Events
Change Chart Type
Apply Different Themes
Add Event Listener
Lifecycle Event
Ruby on Rails
Creating your First Chart
Your First Chart
Your First Gauge
Your First Map
Usage Guide
Create Charts in ROR using Database
Configuring your Chart
Adding Drill-Down
Adding Annotations
Setting Data Source Using URL
Adding Special Characters
Working with APIs
Slice Data Plot
Working with Events
Change Chart Type
Apply Different Themes
Add Event Listener
Lifecycle Event
Configuring Your Charts
By Chart Type
List of Charts
Charts
Line, Area and Column Charts
Pie and Doughnut Charts
Multi-series Charts
Overlapped Column and Bar Charts
Combination Charts
Stacked Charts
Scroll Charts
Bubble and Scatter Charts
Pareto Charts
Marimekko Charts
Treemap
Sunburst Chart
Heat Map Chart
Sankey Diagram
Chord Diagram
Gantt Chart
Zoom Line Charts
Drag-able Charts
Select Scatter Chart
Zoom Scatter Chart
Radar Chart
Funnel Chart
Pyramid Chart
Bullet Graphs
Multi-axis Line Chart
Multi-level Pie Chart
Candlestick Chart
Waterfall Chart
Box and Whisker Chart
Error Charts
Spline Charts
Inverse Y-axis Chart
Logarithmic Charts
Step Line Chart
Kagi Chart
Spark Charts
Drag Node Chart
Real-Time Charts
Gauges and Widgets
Angular Gauge
Bulb Gauge
Cylinder Gauge
LED Gauge
Linear Gauge
Thermometer Gauge
Maps
List of Maps
Setup
Simple Data Driven Map
Custom Entity IDs
Add Color Based on Data Range
Markers
Listening to Map Events
Add Drill Down to Maps
Map Specification Sheets
By Chart Component
Size and Type
Border and Background
Canvas
Axes
Captions
Data Plot
Data Labels
Data Values
Number Format
Fonts
Chart Palettes
Chart Limits
Div Lines and Grids
Vertical Div Lines
Zero Plane
Trend Lines and Zones
Anchors and Lines
Cross Line
Tooltips
Vertical Lines
Legend
Tick Marks
Loading External Logo
Chart Paddings and Margins
Toolbar
Drill Down
Using Annotations
Introduction to Annotations
Create Annotations
Create Text Annotations
Create Image Annotations
Create Shape Annotations
Create Path Annotations
Positioning Annotations Using Absolute Values
Positioning Annotations Using Macros
Grouping Annotations
Dynamically Control Annotations
Real Life Use Cases
Annotation References
Using Themes
Introduction to Themes
Theme Manager
Create Your Own Themes
Exporting Charts
Exporting Charts as Image and PDF
Exporting Chart Data
Modes of Export
Exporting Charts and Chart Data Using the Server-side Export Feature
Exporting Charts and Chart Data Using the Client-side Export Feature
Exporting Charts and Chart Data Using the Auto Export Feature
Logging Export Statistics
Configuring the Export Feature
Export Handler
ASP.NET
PHP
Java
Ruby on Rails
Exporting Multiple Charts in a Single Image
Architecture of the FusionCharts Export Server
Exporting Scroll Charts
Common Use Cases
Building a Dashboard
Remove an Existing Chart from a Page
Get Reference to Chart Object
FusionCharts Constructor and Object
Change Chart Properties at Runtime
Color Range Usecases
Using Special Characters
Plot Discontinuous Data
Highlight Specific Data Points
View Data of Existing Chart
Get Formatted Numbers Outside Chart
Get SVG Representation of a Chart
Configure Chart Messages
Render Thumbnail Versions of Charts
API Reference
Attributes
Chart Attributes
Map Attributes
JavaScript Methods & Events
FusionCharts
Events
Introduction to Events
Handling Events
Classifying Events
Events
Methods
Properties
Type Definitions
Namespaces
Debugger
Ajax
PrintManager
Annotations
Upgrading
Upgrade to v3.15.x
Changelog
What's New
Changed Behavior
Version History
v3.14.x
v3.13.x
v3.12.x
v3.11.x
v3.10.x
v3.9-0
v3.8-0
v3.7.x
v3.6.0
v3.5.x
v3.4.x
v3.3.x
v3.2.x
v3.1.x
v3.0.x
From Flash to JavaScript
Which language or framework would you like to use FusionCharts with?
Choose a framework
Front end plugins
Back end plugins
Select your plugin
Plain JavaScript
React
Angular 2+
jQuery
Vue
Ember
React Native
AngularJS
Svelte
Ionic framework
What can you build with FusionCharts?
Dashboards
VIEW ALL
Smart Energy Monitoring Dashboard
Google Analytics Dashboard
Sales Management Dashboard
Charts
VIEW ALL
Composition
Distribution
Comparison
