FusionWidgets XT Documentation Menu

You are viewing documentation for an older version. For current documentation - click here.

Introduction
- Overview
- System Requirements
- Installation
- Download Contents
- List of Charts
- JavaScript Charting capabilities
- Version History
- Upgrading from Trial
- Upgrading to XT
Creating your first chart
- Creating your first chart
- Creating JavaScript charts
- Using JSON as data source
- Using XML embedded in the page
- Changing chart type
- Changing chart dimensions
- Creating multiple charts in a page
- Creating gauges, maps and charts in a page
- Using HTML embedding method
- Using FusionCharts jQuery plugin
- Using server-side scripts
- Creating Database-driven charts
- Adding drill-down links to charts
- Creating LinkedCharts
- Exporting charts to Image/PDF
How FusionWidgets XT works?
- Overview
- Data URL Method
- Data String Method
Real-time capabilities
- Overview
- Real-time data format
- Adding data stamp
Data Streaming charts
- Introduction
- Real-time data format
- Creating a simple example
- Adding multiple datasets
- Pushing multiple updates
- Adding historical data
- Setting different intervals
- Adding trendlines
- Chart configurations
- Adding data stamp
- Setting Alert Manager
- Setting Message Logger
- Clearing chart view
- JavaScript - feeding data
- JavaScript - retrieving data
- JavaScript - APIs
- Flash API
- JSON Data Format
- Troubleshooting
- XML Sheets
  - Real-time Line chart
  - Real-time Column chart
  - Real-time Area chart
  - Real-time Stacked Area chart
  - Real-time Stacked Column chart
  - Real-time Dual Y Line chart
Funnel chart
- Introduction
- Creating a simple Funnel chart
- Section Funnel chart
- Chart configurations
- JSON Data Format
- XML Sheet
Pyramid chart
- Introduction
- Creating a simple Pyramid chart
- Chart configurations
- JSON Data Format
- XML Sheet
Spark charts
- Introduction
- Spark Line
- Spark Column
- Spark Win/Loss
- JSON Data Format
Bullet graphs
- Introduction
- Creating a simple Bullet graph
- Various configurations
- JSON Data Format
- XML Sheet - Horizontal Bullet
- XML Sheet - Vertical Bullet
Angular gauge
- Introduction
- Elements of the gauge
- Creating a simple Angular gauge
- Configuring gauge
- Configuring dials
- Configuring tick marks
- Configuring angles & origin
- Dynamic Resizing
- Adding trend-points
- Edit Mode
- Real-time support
- Alert Manager
- Message Logger
- JavaScript API
- Using Styles
- JSON Data Format
- XML Sheet
Linear gauge
- Introduction
- Elements of the Linear gauge
- Creating a simple Linear gauge
- Configuring gauge
- Configuring tick marks
- Adding trend-points
- Edit Mode
- Real-time support
- JavaScript API
- JSON Data Format
- XML Sheet
LED gauges
- Introduction
- Elements of the LED gauge
- Creating a simple LED gauge
- Gauge configurations
- Real-time support
- JavaScript API
- JSON Data Format
- XML Sheet - Horizontal LED
- XML Sheet - Vertical LED
Thermometer gauge
- Introduction
- Elements of the Thermometer gauge
- Creating a simple Thermometer gauge
- Gauge configurations
- Real-time support
- JavaScript API
- JSON Data Format
- XML Sheet
Cylinder gauge
- Introduction
- Elements of the Cylinder gauge
- Creating a simple Cylinder gauge
- Gauge configurations
- Real-time support
- JavaScript API
- JSON Data Format
- XML Sheet
Bulb gauge
- Introduction
- Elements of the Bulb gauge
- Creating a simple Bulb gauge
- Gauge configurations
- Real-time support
- JavaScript API
- JSON Data Format
- XML Sheet
Gantt chart
- Overview
- Anatomy
- Creating a simple Gantt chart
- Basic configurations
- Task bar configuration
- Configuring date formats
- Enable scrolling
- Multi-tasked Processes
- Time based tasks
- Adding Milestones
- Adding Connectors
- Adding Trendlines
- Adding Legend
- JSON Data Format
- XML Sheet
Annotations
- Introduction
- Rectangle
- Circle
- Polygon
- Line
- Arc
- Text
- Image
- Using Macros
- Using IDs
- Setting visibility
- Using Styles
- JavaScript API
- Dynamic Resizing
- XML Sheet
Drawing Pad
- Overview
- Example
Message Logger
- Overview
- Setting it up
- Streaming messages
- Handling Messages in JavaScript
- JavaScript API
Alert Manager
- Introduction
- Setting it up
Drill-Down charts
- Simple example
- Links in frames
- Links in pop-up windows
- Full chart as a hotspot
- JavaScript functions as links
- FusionCharts Link format
- LinkedCharts
FusionWidgets XT and JavaScript
- Overview
- Constructor methods
- Getting chart reference
- Providing & updating data
- Changing chart properties
- Getting data back from chart
- Listening to events
- Using LinkedCharts
- Managed Print for Mozilla
- Handling errors
- API Reference
  - Overview
  - Properties
  - Functions
  - Events
FusionWidgets XT and jQuery
- Overview
- Various rendering methods
- Updating data and properties
- Handling real-time charts & gauges
- Using Selector
- Handling Events
- API Reference
Exporting as Image/PDF
- Overview
- How it works?
- Terminologies
- XML Attributes
- Server-side exporting
- Client-side exporting
- Batch exporting charts
- JavaScript Reference
- Initiating from JavaScript
- Exporting Pure JavaScript charts
- Export Component Debug Mode
- Troubleshooting
Exporting chart data
- Using context menu
- Using JavaScript API
Using Styles
- Overview
- How to Use?
- Font Style
- Animation Style
- Shadow Style
- Glow Style
- Bevel Style
- Blur Style
Advanced Charting
- Number Formatting
- Using Special Characters
- Plotting discontinuous data
- Using Gradients
- Tooltip in multiple lines
- Set backgrounds for chart
- Using chart on SSL/HTTPS
- Changing Chart Messages
Debugging your charts
- Basic Troubleshooting
- Advanced Troubleshooting
- Using Flash Debug Window
- Debugging real-time update
- Debugging using JavaScript
Frequently Asked Questions

Expand all | Collapse all