FusionCharts XT
JavaScript Samples
Creating charts
Create chart using Normal rendering method
Create chart using object as constructor parameter
Create chart using hybrid parameters
Create chart using compact rendering method
Using compact rendering method (hybrid parameters)
Dynamically Resizable chart
Providing and updating chart data
Updating an existing chart
Using JSON Object as chart data source
Using JSON String as chart data source
Using JSON Url as the chart data source
Using XML file as the chart data source
Using XML String as the chart data source
Changing chart properties
Change chart caption
Change chart sub-caption
Change chart theme
Change alternate grid settings
Change number formatting settings
Resize chart using percent values
Resize chart using pixel values
Set off shadow and lighting effects
Set tool tips off
Getting chart reference
Get FusionCharts Object Reference
Using FusionCharts() static Function
Using FusionCharts Items [] array
Using JavaScript Global Variable Name
Using Legacy Function - getChartFromId()
Functions and properties
Function - setXMLUrl
Function - setXMLData
Function - setJSONUrl
Function - setJSONData (String)
Function - setChartDataUrl (JSON)
Function - setChartDataUrl (XML)
Function - setChartData (JSON)
Function - setChartAttribute (simple)
Function - setChartAttribute (mixed parameters)
Function - setTransparent
Function - render (container passed as HTML Node)
Function - render
Function - getObjectReference
Function - getChartFromId
Function - getChartAttribute
Function - getXMLData
Function - getChartData
Function - getDataAsCSV
Function - getXML
Function - resizeTo
Function - resizeTo (percent)
Function - configureLink
Function - addEventListener
Function - removeEventListener
Function - Print Manager (configure)
Function - exportChart
Function - print
Function - clone
Function - clone (override some parameters)
Function - dispose
Function - isActive
Function - hasRendered
Function - chartId
Function - chartType
Function - signature
Getting data back from charts
Get CSV Data from chart
Get JSON data from a chart using getChartData()
Get JSON data from a chart using getJSONData()
Get XML data from a chart using getXMLData()
Get XML from a chart using getChartData()
Get XML from a chart using getXML()
Read chart attributes
Managed Print for Mozilla
FusionCharts Managed Print for Mozilla
Events
Using Simple Event Listeners
Using JavaScript Advanced Event Registration Model
Event - Initialize
Event - DataUpdated
Event - Loaded
Event - Rendered
Event - DrawComplete
Event - Resized
Event - Exported
Event - PrintReadyStateChange
Event - BeforeLinkedItemOpen
Event - LinkedItemOpened
Event - BeforeLinkedItemClose
Event - LinkedItemClosed
Event - DataLoadError
Event - DataXMLInvalid
Event - NoDataToDisplay
Event - BeforeDispose
Event - Disposed
Using LinkedCharts
Basic LinkedCharts using XML (embedded)
Basic LinkedCharts using JSON (embedded)
LinkedCharts using XML-URL
LinkedCharts using JSON-URL
LinkedCharts configuration (XML-URL)
LinkedCharts configuration (JSON-URL)
LinkedCharts in different container (XML-URL)
LinkedCharts in different container (JSON-URL)
LinkedCharts event (XML-URL)
LinkedCharts event (JSON-URL)
Multi-level LinkedCharts
Multi-level LinkedCharts (JavaScript charts)
LinkedCharts in jQuery Dialog
LinkedCharts in PrettyPhoto light-box
LinkedCharts in ExtJS Window
window
LinkedCharts in Highslide light-box
Special charts
True 3D Combination Charts JavaScript API
True 3D Combination Charts View 100 percent
True 3D -
Get View Angles
True 3D - Rotate View
True 3D - View 2D
True 3D - View 3D
Pie/Doughnut - using togglePieSlice()
Pie/Doughnut - Enable Slicing Movement
Zoom Line JavaScript API
Error
JavaScript Debug Mode
JavaScript Debug Mode Output Format
JavaScript Debug Mode using Firebug Light
No Data To Display
FusionCharts Data Load Error
FusionCharts Data XML Invalid
FusionCharts No Data To Display error
Advanced Events (Invalid XML)
Example Application
Sales dashboard (JavaScript-AJAX)
Interactive background-image feature demo