Products
FusionCharts Suite XT
Plot 95+ charts and 1400+ data-driven maps
Chart Gallery
Feature Gallery
Map Gallery
Dashboards
Data Stories
Integrations
FusionTime
Beta
Plot high performance time-series visualizations
Learn More
Examples
FusionExport
Export full Dashboards as PDFs for use in reports and emails
Learn More
Demo
Download
Developer
Dev Center (Docs)
Documentation for FusionCharts, FusionTime and FusionExport
FusionCharts Suite XT
FusionExport
Integrations
Get started quickly with our frontend and backend plugins
Front-end
AngularJS
React
Angular
jQuery
Vue
Back-end
PHP
ASP.NET
Java
Ruby on Rails
Django
Version History
Version history of FusionCharts, FusionTime and FusionExport
FusionCharts Suite XT
FusionExport
Pricing
Pricing and Plans
Locate a Reseller
Resources
Whitepapers
Charting Best Practices
Chart Primers
Dashboard Primers
Developers
Contact
Contact Sales
Contact Support
Contact Us
Forum
Login
Download Trial
Dev Center
Chart Explorer
API Reference
FusionCharts Constructor
Events
Methods
Properties
Type Definitions
Global Methods
v3.13.2-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
Home
Getting Started
Plain JavaScript
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
Angular
AngularJS (v1.x)
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
Angular (v2.x & Above)
Creating your First Chart
Your First Chart
Your First Gauge
Your First Map
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
Your First Gauge
Your First Map
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
Your First Gauge
Your First Map
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
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
JQuery
Creating your First Chart
Your First Chart
Your First Gauge
Your First Map
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
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
Heat Map Chart
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 Spec Sheets
Map Marker Data
Map Specification Sheets
By Chart Component
Size and Type
Border and Background
Canvas
Titles and Axis Names
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
Annotations
Tick Marks
Loading External Logo
Chart Paddings and Margins
Toolbar
Drill-down
Using Themes
Introduction to Themes
Theme Manager
Create Your Own Themes
Exporting Charts
Setting up Simple Export
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
Using FusionExport
Overview
Installation
Install FusionExport Server
Install FusionExport CLI
Install FusionExport Server SDKs
Tutorials
Export chart as image
Change the export type
Export charts as bulk
Change the export quality
Customize the width and height of an exported chart
Export in bulk using multiple json files
Export the output files as a zip
Override the chart config
Export a dashboard
Add a logo or a heading to the dashboard
Convert an SVG image to PNG/JPEG/PDF
Inject extra JavaScript while exporting
Manipulate the output filename
Enable logging
Save exported files to S3
Asynchronous capture
Export a D3 chart
FusionExport Server Reference
CLI Reference
SDK API Reference
C#
Java
PHP
Node.js
Python
Release Notes
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
Ajax
PrintManager
Annotations
Upgrading
Upgrade from Evaluation Versions
Upgrade to v3.13.x
Changelog
What's New
Changed Behavior
Version History
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
JavaScript
Angular
(for Angular 2.x+)
AngularJS
(for Angular 1.x)
React
Vue
jQuery
ASP.NET
Java
PHP
Django
Ruby on Rails
Ember
What can you build with FusionCharts?
Dashboards
Smart Energy Monitoring Dashboard
Google Analytics Dashboard
Sales Management Dashboard
Charts
Composition
Distribution
Comparison
