Menu
Choose an item
FusionCharts
v4.2.x
v4.1.x
v4.0.x
v3.23.x
v3.22.x
v3.21.x
v3.20.x
v3.19.x
v3.18.x
v3.17.x
v3.16.x
v3.15.x
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
Overview
Getting Started
Plain JavaScript
Creating your First Chart
Your First Chart
Your First Map
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
Your First Map
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
Your First Map
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
React-Native Features
Rendering Different Charts
Usage Guide
Adding Drill-Down Charts
Working with Events
Change Chart Type
Apply Different Themes
Bind Event Listener
Flutter
Creating your First Chart
Your First Chart
Flutter Features
Rendering Different Charts
Usage Guide
Working with Events
Change Chart Type
Apply Different Themes
Blazor
Creating your First Chart
Your First Chart
Blazor Features
Usage Guide
Working with Events
Rendering Different Charts
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
Integrations
Frontend Integrations
Backend Integrations
Guides
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
Radial Bar
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
CSS Transformations
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 v4.2.2
Changelog
What's New
Changed Behavior
From Flash to JavaScript
License Activation
Release Notes
v4.1.x
v4.0.x
v3.23.x
v3.22.x
v3.21.x
v3.20.x
v3.19.x
v3.18.x
v3.17.x
v3.16.x
v3.15.x
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
FusionTime
FusionExport
FusionGrid
Chart Gallery
