Explore
Chart Gallery
95 chart types to visualize any type of data
Map Gallery
1400+ data-driven maps covering all geo locations
Data Stories
Preview
Real-world stories narrated through interactive data visualizations
Integrations
Get started quickly with our front-end & back-end plugins
Dashboards
20+ dashboards showcasing real-world data
FusionExport
New
Export full dashboards for automated reports
Developer
Dev Center
Chart Attributes
Version History
Pricing
Pricing and Plans
Locate a Reseller
Resources
White Papers
Charting Best Practices
Chart Primers
Dashboard Primers
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.1-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
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
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
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
Working with Events
Change Chart Type
Apply Different Themes
Percentage Calculation
Add Event Listener
Bind Event Listener
Lifecycle Event
Special Events
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
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
Working with Events
Change Chart Type
Apply Different Themes
Percentage Calculation
Add Event Listener
Bind Event Listener
Lifecycle Event
Special Events
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
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
Working with Events
Change Chart Type
Apply Different Themes
Add Event Listener
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
Working with Events
Change Chart Type
Apply Different Themes
Add Event Listener
ASP.NET
Creating your First Chart
Your First Chart
Your First Gauge
Your First Map
Usage Guide
Create Charts in ASP.NET using Database
Adding Drill-Down
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
Working with Events
Change Chart Type
Apply Different Themes
Add Event Listener
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
Working with Events
Change Chart Type
Apply Different Themes
Add Event Listener
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
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
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
Map Spec Sheets
Map Marker Data
Map Specification Sheets
JavaScript Methods & Events
FusionCharts
Events
Introduction to Events
Handling Events
Classifying Events
Events
Methods
Properties
Type Definitions
Namespaces
Ajax
PrintManager
Annotations
jQuery Plugin API
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
