Events

ready static event

This event is fired when the FusionCharts library is ready to be used. By the time this event is raised, the browser's DOM is ready to be interacted with, which corresponds to the DOMContentLoaded event of browsers. In older browsers, where DOMContentLoaded is not fired, the ready event corresponds to the load event of the page. In case the FusionCharts library is included in the page when the DOMContentLoaded event is already fired (i.e. the script is loaded asyncronously using AJAX or by using script deferring methods) the ready event is still fired to ensure integrity of all the listeners.

In many ways the nature of this event is similar to the jQuery(document).ready function of the jQuery library and the Ext.onReady function of the ExtJS library. One should interact with the FusionCharts framework (i.e. create new charts, set options, etc.) only after this event has been fired. This event also helps you to neatly write your code in separate script files and in the page <head> thus keeping scripts from being a part of your page <body>.

An alternate (and shorthand) method to subscribing the ready event is to use the ready function. One advantage that the ready function has over the ready event is that the event is fired only once during the life-cycle of a page while functions passed to the ready function are executed even when attached after the ready event has been fired.

This is a framework level event and as such can be only listened via the FusionCharts object on the FusionCharts class alone. It will not be fired if it is subscribed from individual chart instances.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was defaultPrevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
version

array

[+]

FusionCharts framework version returned in the form of an array, equivalent to the array version

now

boolean

[+]

Boolean attribute to indicate whether the event was triggered at the instant of the window.ondomcontentloaded event (window.onload for older browsers) or whether the window was already loaded and the event was fired to maintain integrity

}
}
dataObj (Deprecated) :{
version

array

[+]

FusionCharts framework version returned in the form of an array, equivalent to the array version

now

boolean

[+]

Boolean attribute to indicate whether the event was triggered at the instant of the window.ondomcontentloaded event (window.onload for older browsers) or whether the window was already loaded and the event was fired to maintain integrity

}

Example

<html>
<head>
<script type="text/javascript" src="/fusioncharts/js/fusioncharts.js"></script>
<script type="text/javascript">
// Render a chart within a chart container `div` element.
FusionCharts.addEventListener('ready', function () {
    var chart = new FusionCharts({
        type: 'column2d',
        renderAt: 'chart-container-div',
        dataFormat: 'json',
        dataSource: {
            chart: {
                caption: "Quarterly sales summary",
                numberPrefix: "$"
            }
            data: [
                { label: "Q1", value: "213345"},
                { label: "Q2", value: "192672"},
                { label: "Q3", value: "201238"},
                { label: "Q4", value: "209881"},
            ]
        }
    });
    // Since we are in the `ready` block, the `chart-container-div`
    // element should be available by now.
    chart.render();
});
</script>
<body>
    <div id="chart-container-div">Chart loads here...</div>
</body>
</html>

beforeInitialize static event

This pre-initialization event is triggered every time a new instance of the FusionCharts object is created. It then triggers a number of modules that need to be setup on every instance of FusionCharts; the event can be used to perform any actions required to be completed before the initialization of each chart.

Because this event is triggered upon instantiating a new FusionCharts object, it is virtually impossible to listen to this event by adding an event listener to the chart. By the time the event listener is attached (using the addEventListener() method), the event is already fired.

However, there are alternate ways that can be used to listen to this event. You can listen to the FusionCharts global events, using the addEventListener static method before even creating a new instance. (The required instance can be identified by the id of the chart using eventObject.sender.id.) You can also pass the event listener as a parameter of the FusionCharts constructor.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
type

string

[+]

Type of chart rendered

renderAt

string

[+]

Id of the HTML DOM element within which the chart is rendered

width

number

[+]

Chart width

height

number

[+]

Chart height

dataFormat

string

[+]

Type of data (json, jsonurl, xml, xmlurl) passed to the chart object

dataSource

object

[+]

Object containing the source data for the chart

events

object

[+]

Object containing details of all events configured for the chart

}
}
dataObj (Deprecated) :{
type

string

[+]

Type of chart rendered

renderAt

string

[+]

Id of the HTML DOM element within which the chart is rendered

width

number

[+]

Chart width

height

number

[+]

Chart height

dataFormat

string

[+]

Type of data (json, jsonurl, xml, xmlurl) passed to the chart object

dataSource

object

[+]

Object containing the source data for the chart

events

object

[+]

Object containing details of all events configured for the chart

}

Example

// Listening using global events
FusionCharts.addEventListener('beforeInitialize', function (opts) {
    // Prints id of the chart being rendered
    console.log("Chart with id " + opts.sender.id + " is about to be initialized.");
 });

// Pass event listener in the FusionCharts constructor
var mychart = new FusionCharts({
    "type": "column2d",
    "dataFormat": "json",
    "dataSource": {
         ...
    },
    // Attach event handlers
    "events": {
        // Attach to beforeInitialize
        "beforeInitialize": function () {
            console.log("Initializing mychart...");
        }
    }
});

initialized static event

Triggered when a new instance of the FusionCharts constructor is created.

Initialization does not indicate that the chart has rendered; it only indicates that the JavaScript object instance (new FusionCharts()) is created and is ready to be operated upon.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
type

string

[+]

Type of chart

renderAt

string

[+]

Id of the HTML DOM element within which the chart is rendered

width

number

[+]

Chart width

height

number

[+]

Chart height

dataFormat

string

[+]

Type of data (json, jsonurl, xml, xmlurl) passed to the chart object

dataSource

object

[+]

Object containing the source data for the chart

events

string

[+]

Object containing details of all events configured for the chart

}
}
dataObj (Deprecated) :{
type

string

[+]

Type of chart

renderAt

string

[+]

Id of the HTML DOM element within which the chart is rendered

width

number

[+]

Chart width

height

number

[+]

Chart height

dataFormat

string

[+]

Type of data (json, jsonurl, xml, xmlurl) passed to the chart object

dataSource

object

[+]

Object containing the source data for the chart

events

string

[+]

Object containing details of all events configured for the chart

}

Example

// Listening using global events
FusionCharts.addEventListener('initialized', function (opts) {
    // Prints id of the chart that has initialized
    console.log("Chart with id " + opts.sender.id + " has been initialized.");
 });

// Pass event listener in the FusionCharts constructor
var mychart = new FusionCharts({
    "type": "column2d",
    "dataFormat": "json",
    "dataSource": {
         ...
    },
    // Attach event handlers
    "events": {
        // Attach to beforeInitialize
        "initialized": function () {
            console.log("Initialized mychart...");
        }
    }
});

beforeLinkedItemOpen

Triggered just before a linked item in a [LinkedChart]{% linkTo tutorials/advanced-charting/drill-down/linkedcharts.md %} is rendered, after the parent link is clicked. It is triggered before the instance of the drill-down chart is instantiated.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
level

string

[+]

Level of the linked chart in to the parent chart (starts from 0)

}
}
dataObj (Deprecated) :{
level

string

[+]

Level of the linked chart in to the parent chart (starts from 0)

}

linkedItemOpened

Triggered when a linked chart is rendered, after the parent link is clicked.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
item

string

[+]

JavaScript object instance of the linked chart opened

level

string

[+]

Level of the linked chart in to the parent chart (starts from 0)

}
}
dataObj (Deprecated) :{
item

string

[+]

JavaScript object instance of the linked chart opened

level

string

[+]

Level of the linked chart in to the parent chart (starts from 0)

}

beforeLinkedItemClose

Triggered just before a linked chart is closed.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
item

string

[+]

JavaScript object instance of the linked chart closed

level

string

[+]

Level of the linked chart in to the parent chart (starts from 0)

}
}
dataObj (Deprecated) :{
item

string

[+]

JavaScript object instance of the linked chart closed

level

string

[+]

Level of the linked chart in to the parent chart (starts from 0)

}

linkedItemClosed

Triggered when a linked chart is closed to go back to its parent chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
level

string

[+]

Level of the linked chart in to the parent chart (starts from 0)

}
}
dataObj (Deprecated) :{
level

string

[+]

Level of the linked chart in to the parent chart (starts from 0)

}

printReadyStateChange (Deprecated API)

Used to notify the status of the print manager. Triggered when the print manager starts processing all charts to be printed and again when all charts are ready for managed printing.

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
ready

boolean

[+]

Ready flag

bypass

boolean

[+]

Bypass flag

}
}
dataObj :{
ready

boolean

[+]

Ready flag

bypass

boolean

[+]

Bypass flag

}

dataLoadRequestCompleted

Triggered when chart data is successfully loaded from a URL (instead of a static JSON or XML file from the system).

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
source

string

[+]

Nature of the data load request. Presently, its value is XMLHttpRequest.

url

string

[+]

URL of the data source

dataFormat

FusionCharts~dataFormats

[+]

Format of the source data (json or xml)

silent

boolean

[+]

true if silent instructions are saved to arguments

successcallback

boolean

[+]

Function called once the event is fired

dataSource

object

[+]

Object containing the source data for the chart

xmlHttpRequestObject

object

[+]

Object that fetches the data

}
}
dataObj (Deprecated) :{
source

string

[+]

Nature of the data load request. Presently, its value is XMLHttpRequest.

url

string

[+]

URL of the data source

dataFormat

FusionCharts~dataFormats

[+]

Format of the source data (json or xml)

silent

boolean

[+]

true if silent instructions are saved to arguments

successcallback

boolean

[+]

Function called once the event is fired

dataSource

object

[+]

Object containing the source data for the chart

xmlHttpRequestObject

object

[+]

Object that fetches the data

}

dataLoadError

Triggered if an error is encountered while loading data from the specified URL to the chart object.

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
url

string

[+]

URL to fetch the source data

dataFormat

FusionCharts~dataFormats

[+]

Format of the source data (json or xml)

error

object

[+]

Error object passed to the event for debugging the JavaScript errors encountered

httpStatus

number

[+]

Parameter to identify server communication issues (for example, 404 status is returned if the URL is not found)

}
}
dataObj (Deprecated) :{
url

string

[+]

URL to fetch the source data

dataFormat

FusionCharts~dataFormats

[+]

Format of the source data (json or xml)

error

object

[+]

Error object passed to the event for debugging the JavaScript errors encountered

httpStatus

number

[+]

Parameter to identify server communication issues (for example, 404 status is returned if the URL is not found)

}

dataLoadCancelled

Triggered when the default behavior of the beforedataload event is cancelled using the eventObj.preventDefault() method. Subsequently, all AJAX requests are aborted.

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
url

string

[+]

URL to fetch the source data

dataFormat

FusionCharts~dataFormats

[+]

Format of the source data (json or xml)

}
}
dataObj (Deprecated) :{
url

string

[+]

URL to fetch the source data

dataFormat

FusionCharts~dataFormats

[+]

Format of the source data (json or xml)

}

dataLoadRequestCancelled

Triggered when the default behavior of the dataLoadRequested event is cancelled by calling the eventObj.preventDefault() method. The event is internally fired if the data source is a local path or the URL fails internal security checks.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
source

string

[+]

Nature of the data load request. Presently, its value is XMLHttpRequest.

url

string

[+]

URL of the data source

dataFormat

FusionCharts~dataFormats

[+]

Format of the source data (json or xml)

silent

boolean

[+]

true if silent instructions are saved to arguments

config

function

[+]

Function called once the event is fired

successcallback

boolean

[+]

Function called once the event is fired

}
}
dataObj (Deprecated) :{
source

string

[+]

Nature of the data load request. Presently, its value is XMLHttpRequest.

url

string

[+]

URL of the data source

dataFormat

FusionCharts~dataFormats

[+]

Format of the source data (json or xml)

silent

boolean

[+]

true if silent instructions are saved to arguments

config

function

[+]

Function called once the event is fired

successcallback

boolean

[+]

Function called once the event is fired

}

beforedataload

Triggered when the data is updated to a chart. This hook can be used by the theme manager to update the chart data.

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
data

object

[+]

Chart data

}
}

dataUpdated

Triggered when chart data is updated and the chart is redrawn, after the drawComplete event.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
data

string or object

[+]

Chart data, in the [data format]dataFormats used

format

FusionCharts~dataFormats

[+]

Format in which chart data is finally passed to the chart

dataSource

object

[+]

Object containing the source data for the chart

dataFormat

FusionCharts~dataFormats

[+]

Format of the source data

silent

boolean

[+]

true if silent instructions are saved to arguments

}
}
dataObj (Deprecated) :{
data

string or object

[+]

Chart data, in the [data format]dataFormats used

format

FusionCharts~dataFormats

[+]

Format in which chart data is finally passed to the chart

dataSource

object

[+]

Object containing the source data for the chart

dataFormat

FusionCharts~dataFormats

[+]

Format of the source data

silent

boolean

[+]

true if silent instructions are saved to arguments

}

dataUpdateCancelled

Triggered when the default behavior of the beforeDataUpdate event is cancelled by calling the eventObj.preventDefault() method.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
data

string or object

[+]

Chart data

format

FusionCharts~dataFormats

[+]

Format in which the data was to be passed on for rendering

dataSource

string

[+]

Source data, as specified using data setter functions like setChartData()

dataFormat

FusionCharts~dataFormats

[+]

Format of the source data (json or xml)

error

object

[+]

Error object passed to the event for debugging the JavaScript errors encountered

}
}
dataObj (Deprecated) :{
data

string or object

[+]

Chart data

format

FusionCharts~dataFormats

[+]

Format in which the data was to be passed on for rendering

dataSource

string

[+]

Source data, as specified using data setter functions like setChartData()

dataFormat

FusionCharts~dataFormats

[+]

Format of the source data (json or xml)

error

object

[+]

Error object passed to the event for debugging the JavaScript errors encountered

}

dataLoadRequested

Triggered when chart data is loaded from a URL instead of a static JSON or XML file from the system.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
source

string

[+]

Nature of the data load request. Presently, its value is XMLHttpRequest.

url

string

[+]

URL of the data source

dataFormat

FusionCharts~dataFormats

[+]

Format of the source data (json or xml)

silent

boolean

[+]

true if silent instructions are saved to arguments

callback

boolean

[+]

Function called once the event is fired

}
}
dataObj (Deprecated) :{
source

string

[+]

Nature of the data load request. Presently, its value is XMLHttpRequest.

url

string

[+]

URL of the data source

dataFormat

FusionCharts~dataFormats

[+]

Format of the source data (json or xml)

silent

boolean

[+]

true if silent instructions are saved to arguments

callback

boolean

[+]

Function called once the event is fired

}

beforeDataUpdate

Triggered just before chart data is passed to the chart. It is useful if any operations have to be performed on the data before it is applied to the chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
data

string or object

[+]

Chart data, in the [data format]dataFormats used

format

FusionCharts~dataFormats

[+]

Format in which chart data is finally passed to the chart

dataSource

object

[+]

Object containing the source data for the chart

dataFormat

FusionCharts~dataFormats

[+]

Format of the source data

silent

boolean

[+]

true if silent instructions are saved to arguments

}
}
dataObj (Deprecated) :{
data

string or object

[+]

Chart data, in the [data format]dataFormats used

format

FusionCharts~dataFormats

[+]

Format in which chart data is finally passed to the chart

dataSource

object

[+]

Object containing the source data for the chart

dataFormat

FusionCharts~dataFormats

[+]

Format of the source data

silent

boolean

[+]

true if silent instructions are saved to arguments

}

Example

// Show data of a single-series column chart in an
// ascending sorted order.
FusionCharts.ready(function () {
    var chart = new FusionCharts({
        type: "column2d",
        renderAt: "chart-container"
    });

    // Add the data handler to intercept incoming
    // data and sort it.
    chart.addEventListener("beforeDataUpdate", function (event, args) {
        var data = args.data,
            values;

        // If incoming data is not JSON then convert it to JSON
        if (args.format !== 'json') {
            data = FusionCharts.transcodeData(data, args.format, 'json');
        }

        // Get hold of the data array
        values = data.data;
        if (values && values.length) { // Check whether data exists
            // Sort the data by passing a comparison function to the
            // sort function of the array of values.
            values.sort(function (a, b) {
                 return (a && a.value) - (b && b.value);
            });
        }

        // Convert data back to original format in case it wasn't
        // originally JSON
        if (args.format !== 'json') {
            data = FusionCharts.transcodeData(data, 'json', args.format);
        }

        // Replace the data with updated data.
        args.data = data;
    });
});

realTimeUpdateComplete

Triggered every time a real-time chart completes updating, using the dataStreamURL attribute or through user-interaction (using the edit mode of the real-time angular and linear gauges).

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
data

string

[+]

Chart data as XML or JSON string

updateObject

object

[+]

Updated chart object

prevData

string

[+]

Data value before the update

source

string

[+]

Source of data load request, presently set to xmlHttpRequest

URL

string

[+]

URL of the data source

}
}
dataObj (Deprecated) :{
data

string

[+]

Chart data as XML or JSON string

updateObject

object

[+]

Updated chart object

prevData

string

[+]

Data value before the update

source

string

[+]

Source of data load request, presently set to xmlHttpRequest

URL

string

[+]

URL of the data source

}

chartCleared

Triggered when the complete chart canvas is cleared by calling the clearChart() method or by clicking the context menu in real-time charts.

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

}

slicingEnd

Triggered when a pie or a doughnut slice completes slicing out/slicing in.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
slicedState

boolean

[+]

State of the slice before the event was triggered; true if the slice was already sliced out, false if the slice was sliced in

data

string

[+]

The plot data from the chart to slice.

dataIndex

number

[+]

Index of the data plot in the order of its definition in the dataset

}
}
dataObj (Deprecated) :{
slicedState

boolean

[+]

State of the slice before the event was triggered; true if the slice was already sliced out, false if the slice was sliced in

data

string

[+]

The plot data from the chart to slice.

dataIndex

number

[+]

Index of the data plot in the order of its definition in the dataset

}

slicingStart

Triggered when a pie or a doughnut slice begins slicing out/slicing in.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
slicedState

boolean

[+]

State of the slice before the event was triggered; true if the slice was already sliced out, false if the slice was sliced in

data

string

[+]

Source data for the slice

dataIndex

number

[+]

Index of the data plot, in the order of its definition in the dataset

}
}
dataObj (Deprecated) :{
slicedState

boolean

[+]

State of the slice before the event was triggered; true if the slice was already sliced out, false if the slice was sliced in

data

string

[+]

Source data for the slice

dataIndex

number

[+]

Index of the data plot, in the order of its definition in the dataset

}

entityRollOut

Triggered when the mouse pointer is rolled out from over an entity on a map.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
value

number

[+]

Entity value

label

string

[+]

Entity label

shortLabel

string

[+]

Short name for the entity

originalId

string

[+]

Entity ID stored in the map definition file

id

string

[+]

User-assigned entity ID (if not applicable, the value is the original ID)

}
}
dataObj (Deprecated) :{
value

number

[+]

Entity value

label

string

[+]

Entity label

shortLabel

string

[+]

Short name for the entity

originalId

string

[+]

Entity ID stored in the map definition file

id

string

[+]

User-assigned entity ID (if not applicable, the value is the original ID)

}

entityRollOver

Triggered when the mouse pointer is rolled over an entity on a map.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
value

number

[+]

Entity value

label

string

[+]

Entity label

shortLabel

string

[+]

Short name for the entity

originalId

string

[+]

Entity ID stored in the map definition file

id

string

[+]

User-assigned entity ID (if not applicable, the value is the original ID)

}
}
dataObj (Deprecated) :{
value

number

[+]

Entity value

label

string

[+]

Entity label

shortLabel

string

[+]

Short name for the entity

originalId

string

[+]

Entity ID stored in the map definition file

id

string

[+]

User-assigned entity ID (if not applicable, the value is the original ID)

}

entityClick

Triggered when an entity on a map is clicked.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
value

number

[+]

Entity value

label

string

[+]

Entity label

shortLabel

string

[+]

Short name for the entity

originalId

string

[+]

Entity ID stored in the map definition file

id

string

[+]

User-assigned entity ID (if not applicable, the value is the original ID)

}
}
dataObj (Deprecated) :{
value

number

[+]

Entity value

label

string

[+]

Entity label

shortLabel

string

[+]

Short name for the entity

originalId

string

[+]

Entity ID stored in the map definition file

id

string

[+]

User-assigned entity ID (if not applicable, the value is the original ID)

}

Example

FusionCharts.ready(function () {
    var map = new FusionCharts({
        type: 'maps/world',
        renderAt: 'map-container-div',

        events: {
            entityClick: function (event, args) {
                console.log(args.label + 'clicked');
            }
        }
    });
});

connectorRollOver

This event is applicable to the connector element of the Gantt chart and the maps. It is triggered when the mouse pointer is rolled over a connector connecting the tasks (on a Gantt chart) or the markers (on a map).

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

Applicable only to the Gantt chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

Applicable only to the Gantt chart

pageX

number

[+]

y-coordinate of the pointer, relative to the page

Applicable only to the Gantt chart

pageY

number

[+]

y-coordinate of the pointer, relative to the page

Applicable only to the Gantt chart.

fromTaskId

string

[+]

ID of the source task for the connector

Applicable only to the Gantt chart.

toTaskId

string

[+]

ID of the destination task for the connector

Applicable only to the Gantt chart.

fromTaskConnectStart

boolean

[+]

Position of the connector on the source task bar. Set to 1 if the connector starts from the left edge of the task bar, set to 0 if it starts from the right edge.

Applicable only to the Gantt chart.

toTaskConnectStart

boolean

[+]

Position of the connector on the destination task bar. Set to 1 if the connector ends at the left edge of the task bar, set to 0 if it ends at the right edge.

Applicable only to the Gantt chart.

link

string

[+]

URL to which the user will be redirected, if the connector is clicked

Applicable only to the Gantt chart.

sourceType

string

[+]

Type of the element that triggered the event. For the connectorRollOver event, it will be connector.

Applicable only to the Gantt chart.

fromMarkerId

string

[+]

ID of the source marker for the connector

Applicable only to maps.

toMarkerId

string

[+]

ID of the destination marker for the connector

Applicable only to maps.

label

string

[+]

Connector label, specified using the label attribute

Applicable only to maps.

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

Applicable only to the Gantt chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

Applicable only to the Gantt chart

pageX

number

[+]

y-coordinate of the pointer, relative to the page

Applicable only to the Gantt chart

pageY

number

[+]

y-coordinate of the pointer, relative to the page

Applicable only to the Gantt chart.

fromTaskId

string

[+]

ID of the source task for the connector

Applicable only to the Gantt chart.

toTaskId

string

[+]

ID of the destination task for the connector

Applicable only to the Gantt chart.

fromTaskConnectStart

boolean

[+]

Position of the connector on the source task bar. Set to 1 if the connector starts from the left edge of the task bar, set to 0 if it starts from the right edge.

Applicable only to the Gantt chart.

toTaskConnectStart

boolean

[+]

Position of the connector on the destination task bar. Set to 1 if the connector ends at the left edge of the task bar, set to 0 if it ends at the right edge.

Applicable only to the Gantt chart.

link

string

[+]

URL to which the user will be redirected, if the connector is clicked

Applicable only to the Gantt chart.

sourceType

string

[+]

Type of the element that triggered the event. For the connectorRollOver event, it will be connector.

Applicable only to the Gantt chart.

fromMarkerId

string

[+]

ID of the source marker for the connector

Applicable only to maps.

toMarkerId

string

[+]

ID of the destination marker for the connector

Applicable only to maps.

label

string

[+]

Connector label, specified using the label attribute

Applicable only to maps.

}

connectorRollOut

This event is applicable to the connector element of the Gantt chart and the maps. It is triggered when the mouse pointer is rolled out from over a connector connecting the tasks (on a Gantt chart) or the markers (on a map).

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

Applicable only to the Gantt chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

Applicable only to the Gantt chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

Applicable only to the Gantt chart

pageY

number

[+]

y-coordinate of the pointer, relative to the page

Applicable only to the Gantt chart.

fromTaskId

string

[+]

ID of the source task for the connector

Applicable only to the Gantt chart.

toTaskId

string

[+]

ID of the destination task for the connector

Applicable only to the Gantt chart.

fromTaskConnectStart

boolean

[+]

Position of the connector on the source task bar. Set to 1 if the connector starts from the left edge of the task bar, set to 0 if it starts from the right edge.

Applicable only to the Gantt chart.

toTaskConnectStart

boolean

[+]

Position of the connector on the destination task bar. Set to 1 if the connector ends at the left edge of the task bar, set to 0 if it ends at the right edge.

Applicable only to the Gantt chart.

link

string

[+]

URL to which the user will be redirected, if the connector is clicked

Applicable only to the Gantt chart.

sourceType

string

[+]

Type of the element that triggered the event. For the connectorRollOut event, it will be connector.

Applicable only to the Gantt chart.

fromMarkerId

string

[+]

ID of the source marker for the connector

Applicable only to maps.

toMarkerId

string

[+]

ID of the destination marker for the connector

Applicable only to maps.

label

string

[+]

Connector label, specified using the label attribute

Applicable only to maps.

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

Applicable only to the Gantt chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

Applicable only to the Gantt chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

Applicable only to the Gantt chart

pageY

number

[+]

y-coordinate of the pointer, relative to the page

Applicable only to the Gantt chart.

fromTaskId

string

[+]

ID of the source task for the connector

Applicable only to the Gantt chart.

toTaskId

string

[+]

ID of the destination task for the connector

Applicable only to the Gantt chart.

fromTaskConnectStart

boolean

[+]

Position of the connector on the source task bar. Set to 1 if the connector starts from the left edge of the task bar, set to 0 if it starts from the right edge.

Applicable only to the Gantt chart.

toTaskConnectStart

boolean

[+]

Position of the connector on the destination task bar. Set to 1 if the connector ends at the left edge of the task bar, set to 0 if it ends at the right edge.

Applicable only to the Gantt chart.

link

string

[+]

URL to which the user will be redirected, if the connector is clicked

Applicable only to the Gantt chart.

sourceType

string

[+]

Type of the element that triggered the event. For the connectorRollOut event, it will be connector.

Applicable only to the Gantt chart.

fromMarkerId

string

[+]

ID of the source marker for the connector

Applicable only to maps.

toMarkerId

string

[+]

ID of the destination marker for the connector

Applicable only to maps.

label

string

[+]

Connector label, specified using the label attribute

Applicable only to maps.

}

connectorClick

This event is applicable to the connector element of the Gantt chart and the maps. It is triggered when a connector connecting the tasks (on a Gantt chart) or the markers (on a map) is clicked.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

Applicable only to the Gantt chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

Applicable only to the Gantt chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

Applicable only to the Gantt chart

pageY

number

[+]

y-coordinate of the pointer, relative to the page

Applicable only to the Gantt chart.

fromTaskId

string

[+]

ID of the source task for the connector

Applicable only to the Gantt chart.

toTaskId

string

[+]

ID of the destination task for the connector

Applicable only to the Gantt chart.

fromTaskConnectStart

boolean

[+]

Position of the connector on the source task bar. Set to 1 if the connector starts from the left edge of the task bar, set to 0 if it starts from the right edge.

Applicable only to the Gantt chart.

toTaskConnectStart

boolean

[+]

Position of the connector on the destination task bar. Set to 1 if the connector ends at the left edge of the task bar, set to 0 if it ends at the right edge.

Applicable only to the Gantt chart.

link

string

[+]

URL to which the user will be redirected, if the connector is clicked

Applicable only to the Gantt chart.

sourceType

string

[+]

Type of the element that triggered the event. For the connectorClick event, it will be connector.

Applicable only to the Gantt chart.

fromMarkerId

string

[+]

ID of the source marker for the connector

Applicable only to maps.

toMarkerId

string

[+]

ID of the destination marker for the connector

Applicable only to maps.

label

string

[+]

Connector label, specified using the label attribute

Applicable only to maps.

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

Applicable only to the Gantt chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

Applicable only to the Gantt chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

Applicable only to the Gantt chart

pageY

number

[+]

y-coordinate of the pointer, relative to the page

Applicable only to the Gantt chart.

fromTaskId

string

[+]

ID of the source task for the connector

Applicable only to the Gantt chart.

toTaskId

string

[+]

ID of the destination task for the connector

Applicable only to the Gantt chart.

fromTaskConnectStart

boolean

[+]

Position of the connector on the source task bar. Set to 1 if the connector starts from the left edge of the task bar, set to 0 if it starts from the right edge.

Applicable only to the Gantt chart.

toTaskConnectStart

boolean

[+]

Position of the connector on the destination task bar. Set to 1 if the connector ends at the left edge of the task bar, set to 0 if it ends at the right edge.

Applicable only to the Gantt chart.

link

string

[+]

URL to which the user will be redirected, if the connector is clicked

Applicable only to the Gantt chart.

sourceType

string

[+]

Type of the element that triggered the event. For the connectorClick event, it will be connector.

Applicable only to the Gantt chart.

fromMarkerId

string

[+]

ID of the source marker for the connector

Applicable only to maps.

toMarkerId

string

[+]

ID of the destination marker for the connector

Applicable only to maps.

label

string

[+]

Connector label, specified using the label attribute

Applicable only to maps.

}

Example

    //declaring the fusioncharts object.
    var myMap = new FusionCharts( "Maps/FCMap_World.swf", "myMapId", "400", "300", "0" );
    //setting the data source.
    myMap.setXMLUrl("Data.xml");
    //rendering the chart in the associated Div.
    myMap.render("mapContainer");

    //function to perform the necessary action on capturing the connectorClicked event.
    //alert the user with the from and to marker id's.
    function listenerEvent(eventObject, argumentsObject){
        alert( "From marker ID: "+ argumentsObject.fromMarkerId + ",
                        To marker ID: " + argumentsObject.toMarkerId);
    }

    //listening to the connector click event
    FusionCharts("myMapId").addEventListener ("connectorClicked" , listenerEvent );

markerRollOver

Triggered when the mouse pointer is rolled over a marker on a map.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
label

string

[+]

Marker label

x

number

[+]

Original x-coordinate of the marker

y

number

[+]

Original y-coordinate of the marker

scaledX

number

[+]

Scaled x-coordinate of the marker

scaledY

number

[+]

Scaled y-coordinate of the marker

chartX

number

[+]

x-coordinate of the marker in to the top-left corner of the map canvas

chartY

number

[+]

y-coordinate of the marker in to the top-left corner of the map canvas

}
}
dataObj (Deprecated) :{
label

string

[+]

Marker label

x

number

[+]

Original x-coordinate of the marker

y

number

[+]

Original y-coordinate of the marker

scaledX

number

[+]

Scaled x-coordinate of the marker

scaledY

number

[+]

Scaled y-coordinate of the marker

chartX

number

[+]

x-coordinate of the marker in to the top-left corner of the map canvas

chartY

number

[+]

y-coordinate of the marker in to the top-left corner of the map canvas

}

Example

//declaring the FusionCharts object.
var myMap = new FusionCharts( "Maps/FCMap_World.swf", "myMapId", "400", "300", "0" );
//passing the data to the object in *XML* format.
myMap.setXMLUrl("Data.xml");
//rendering the chart in the map container.
myMap.render("mapContainer");

//the function which gets executed when the MarkerRollOver event is captured.
function myChartListener(eventObject, argumentsObject){
    alert([
        "ID: ", argumentsObject.id, "; Label: ", argumentsObject.label,
        "; x: ", argumentsObject.x, ", y: ", argumentsObject.x,
        "; scaledX: ", argumentsObject.scaledX, ", scaledY: ", argumentsObject.scaledY,
        "; chartX: ", argumentsObject.chartX, ", chartY: ", argumentsObject.chartY
    ].join(""));
}

//listening to the markerRollOver event.
FusionCharts("myMapId").addEventListener ("markerRollOver" , myChartListener );

markerRollOut

Triggered when the mouse pointer is rolled out from over a marker on a map.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
label

string

[+]

Marker label

x

number

[+]

Original x-coordinate of the marker

y

number

[+]

Original y-coordinate of the marker

scaledX

number

[+]

Scaled x-coordinate of the marker

scaledY

number

[+]

Scaled y-coordinate of the marker

chartX

number

[+]

x-coordinate of the marker in to the top-left corner of the map canvas

chartY

number

[+]

y-coordinate of the marker in to the top-left corner of the map canvas

}
}
dataObj (Deprecated) :{
label

string

[+]

Marker label

x

number

[+]

Original x-coordinate of the marker

y

number

[+]

Original y-coordinate of the marker

scaledX

number

[+]

Scaled x-coordinate of the marker

scaledY

number

[+]

Scaled y-coordinate of the marker

chartX

number

[+]

x-coordinate of the marker in to the top-left corner of the map canvas

chartY

number

[+]

y-coordinate of the marker in to the top-left corner of the map canvas

}

Example

//declaring the Fusion Charts object.
var myMap = new FusionCharts( "Maps/FCMap_World.swf", "myMapId", "400", "300", "0" );
//passing the data to the object in *XML* format.
myMap.setXMLUrl("Data.xml");
//rendering the chart in the map container.
myMap.render("mapContainer");

//the function which gets executed when the MarkerRollOut event is captured.
function myChartListener(eventObject, argumentsObject){
    alert([
        "ID: ", argumentsObject.id, "; Label: ", argumentsObject.label,
        "; x: ", argumentsObject.x, ", y: ", argumentsObject.x,
        "; scaledX: ", argumentsObject.scaledX, ", scaledY: ", argumentsObject.scaledY,
        "; chartX: ", argumentsObject.chartX, ", chartY: ", argumentsObject.chartY
    ].join(""));
}

//listening to the markerRollOut event.
FusionCharts("myMapId").addEventListener ("markerRollOut" , myChartListener );

markerClick

Triggered when a marker on a map is clicked.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
label

string

[+]

Marker label

x

number

[+]

Original x-coordinate of the marker

y

number

[+]

Original y-coordinate of the marker

scaledX

number

[+]

Scaled x-coordinate of the marker

scaledY

number

[+]

Scaled y-coordinate of the marker

chartX

number

[+]

x-coordinate of the marker in to the top-left corner of the map canvas

chartY

number

[+]

y-coordinate of the marker in to the top-left corner of the map canvas

}
}
dataObj (Deprecated) :{
label

string

[+]

Marker label

x

number

[+]

Original x-coordinate of the marker

y

number

[+]

Original y-coordinate of the marker

scaledX

number

[+]

Scaled x-coordinate of the marker

scaledY

number

[+]

Scaled y-coordinate of the marker

chartX

number

[+]

x-coordinate of the marker in to the top-left corner of the map canvas

chartY

number

[+]

y-coordinate of the marker in to the top-left corner of the map canvas

}

Example

//declaring the Fusion Charts object.
var myMap = new FusionCharts( "Maps/FCMap_World.swf", "myMapId", "400", "300", "0" );
//passing the data to the object in *XML* format.
myMap.setXMLUrl("Data.xml");
//rendering the chart in the map container.
myMap.render("mapContainer");

//the function which gets executed when the MarkerClick event is captured.
function myChartListener(eventObject, argumentsObject){
    alert([
        "ID: ", argumentsObject.id, "; Label: ", argumentsObject.label,
        "; x: ", argumentsObject.x, ", y: ", argumentsObject.x,
        "; scaledX: ", argumentsObject.scaledX, ", scaledY: ", argumentsObject.scaledY,
        "; chartX: ", argumentsObject.chartX, ", chartY: ", argumentsObject.chartY
    ].join(""));
}

//listening to the markerClicked event.
FusionCharts("myMapId").addEventListener ("markerClicked" , myChartListener );

rotationEnd

Triggered when a pie/doughnut chart completes rotating.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
startingAngle

number

[+]

Measure of the angle from which the pie/doughnut chart starts rotating

changeInAngle

number

[+]

Difference between the angle measures at the start and at the end of rotation

}
}
dataObj (Deprecated) :{
startingAngle

number

[+]

Measure of the angle from which the pie/doughnut chart starts rotating

changeInAngle

number

[+]

Difference between the angle measures at the start and at the end of rotation

}

rotationStart

Triggered when a pie/doughnut chart starts rotating.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
startingAngle

number

[+]

Measure of the angle from which the pie/doughnut chart starts rotating

}
}
dataObj (Deprecated) :{
startingAngle

number

[+]

Measure of the angle from which the pie/doughnut chart starts rotating

}

centerLabelRollover

Triggered every time the mouse pointer is rolled over the center label of the doughnut chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
width

number or percent

[+]

Chart width, in pixels or percentage

height

number or percent

[+]

Chart height, in pixels or percentage

container

DOMElement

[+]

DOM element used to render the chart

pixelWidth

number

[+]

Width of the DOM element, in pixels, used to render the chart

pixelHeight

number

[+]

Height of the DOM element, in pixels, used to render the chart

id

string

[+]

Chart ID

centerLabelText

string

[+]

Text displayed as the center label

}
}
dataObj (Deprecated) :{
width

number or percent

[+]

Chart width, in pixels or percentage

height

number or percent

[+]

Chart height, in pixels or percentage

container

DOMElement

[+]

DOM element used to render the chart

pixelWidth

number

[+]

Width of the DOM element, in pixels, used to render the chart

pixelHeight

number

[+]

Height of the DOM element, in pixels, used to render the chart

id

string

[+]

Chart ID

centerLabelText

string

[+]

Text displayed as the center label

}

centerLabelRollout

Triggered every time the mouse pointer is rolled out of the center label of the doughnut chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
width

number or percent

[+]

Chart width, in pixels or percentage

height

number or percent

[+]

Chart height, in pixels or percentage

container

DOMElement

[+]

DOM element used to render the chart

pixelWidth

number

[+]

Width of the DOM element, in pixels, used to render the chart

pixelHeight

number

[+]

Height of the DOM element, in pixels, used to render the chart

id

string

[+]

Chart ID

centerLabelText

string

[+]

Text displayed as the center label

}
}
dataObj (Deprecated) :{
width

number or percent

[+]

Chart width, in pixels or percentage

height

number or percent

[+]

Chart height, in pixels or percentage

container

DOMElement

[+]

DOM element used to render the chart

pixelWidth

number

[+]

Width of the DOM element, in pixels, used to render the chart

pixelHeight

number

[+]

Height of the DOM element, in pixels, used to render the chart

id

string

[+]

Chart ID

centerLabelText

string

[+]

Text displayed as the center label

}

centerLabelClick

Triggered every time the center label of the doughnut chart is clicked.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
width

number or percent

[+]

Chart width, in pixels or percentage

height

number or percent

[+]

Chart height, in pixels or percentage

container

DOMElement

[+]

DOM element used to render the chart

pixelWidth

number

[+]

Width of the DOM element, in pixels, used to render the chart

pixelHeight

number

[+]

Height of the DOM element, in pixels, used to render the chart

id

string

[+]

Chart ID

centerLabelText

string

[+]

Text displayed as the center label

}
}
dataObj (Deprecated) :{
width

number or percent

[+]

Chart width, in pixels or percentage

height

number or percent

[+]

Chart height, in pixels or percentage

container

DOMElement

[+]

DOM element used to render the chart

pixelWidth

number

[+]

Width of the DOM element, in pixels, used to render the chart

pixelHeight

number

[+]

Height of the DOM element, in pixels, used to render the chart

id

string

[+]

Chart ID

centerLabelText

string

[+]

Text displayed as the center label

}

centerLabelChanged

Triggered every time the text within the center label of the doughnut chart changes.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
width

number or percent

[+]

Chart width, in pixels or percentage

height

number or percent

[+]

Chart height, in pixels or percentage

container

DOMElement

[+]

DOM element used to render the chart

pixelWidth

number

[+]

Width of the DOM element, in pixels, used to render the chart

pixelHeight

number

[+]

Height of the DOM element, in pixels, used to render the chart

id

string

[+]

Chart ID

centerLabelText

string

[+]

Text displayed as the center label

}
}
dataObj (Deprecated) :{
width

number or percent

[+]

Chart width, in pixels or percentage

height

number or percent

[+]

Chart height, in pixels or percentage

container

DOMElement

[+]

DOM element used to render the chart

pixelWidth

number

[+]

Width of the DOM element, in pixels, used to render the chart

pixelHeight

number

[+]

Height of the DOM element, in pixels, used to render the chart

id

string

[+]

Chart ID

centerLabelText

string

[+]

Text displayed as the center label

}

chartClick

Triggered every time a chart is clicked.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

width

number or percent

[+]

Chart width, in pixels or percentage

height

number or percent

[+]

Chart height, in pixels or percentage

container

DOMElement

[+]

DOM element used to render the chart

pixelWidth

number

[+]

Width of the DOM element, in pixels, used to render the chart

pixelHeight

number

[+]

Height of the DOM element, in pixels, used to render the chart

id

string

[+]

Chart ID

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

width

number or percent

[+]

Chart width, in pixels or percentage

height

number or percent

[+]

Chart height, in pixels or percentage

container

DOMElement

[+]

DOM element used to render the chart

pixelWidth

number

[+]

Width of the DOM element, in pixels, used to render the chart

pixelHeight

number

[+]

Height of the DOM element, in pixels, used to render the chart

id

string

[+]

Chart ID

}

Example

FusionCharts.ready(function () {
    var chart = new FusionCharts({
        type: 'column2d',
        dataFormat: 'jsonurl',
        dataSource: 'chart-data.json',
        renderAt: 'chart-container-div',

        events: {
            chartClick: function (eventObj, argsObj) {
                console.log('Chart clicked at ' + argsObj.chartX + ',' + argsObj.chartY);
            }
        }
    });

    chart.render();
});

chartMouseMove

Triggered when the mouse pointer is moved over a chart. The event arguments pass useful information related to pointer location, relative to the chart and the page, that can be used for positioning elements like annotations or integrating charts with custom tooltip libraries.

By default, a chart does not trigger this event until is enabled to do so. To enable this event for a chart, set the enableChartMouseMoveEvent attribute to 1.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

width

number or percent

[+]

Chart width, in pixels or percentage

height

number or percent

[+]

Chart height, in pixels or percentage

container

DOMElement

[+]

DOM element used to render the chart

pixelWidth

number

[+]

Width of the DOM element, in pixels, used to render the chart

pixelHeight

number

[+]

Height of the DOM element, in pixels, used to render the chart

id

string

[+]

Chart ID

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

width

number or percent

[+]

Chart width, in pixels or percentage

height

number or percent

[+]

Chart height, in pixels or percentage

container

DOMElement

[+]

DOM element used to render the chart

pixelWidth

number

[+]

Width of the DOM element, in pixels, used to render the chart

pixelHeight

number

[+]

Height of the DOM element, in pixels, used to render the chart

id

string

[+]

Chart ID

}

chartRollOver

Triggered every time the mouse pointer is rolled over a chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

width

number or percent

[+]

Chart width, in pixels or percentage

height

number or percent

[+]

Chart height, in pixels or percentage

container

DOMElement

[+]

DOM element used to render the chart

pixelWidth

number

[+]

Width of the DOM element, in pixels, used to render the chart

pixelHeight

number

[+]

Height of the DOM element, in pixels, used to render the chart

id

string

[+]

Chart ID

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

width

number or percent

[+]

Chart width, in pixels or percentage

height

number or percent

[+]

Chart height, in pixels or percentage

container

DOMElement

[+]

DOM element used to render the chart

pixelWidth

number

[+]

Width of the DOM element, in pixels, used to render the chart

pixelHeight

number

[+]

Height of the DOM element, in pixels, used to render the chart

id

string

[+]

Chart ID

}

Example

// Create a chart and display the caption of the chart over which the mouse has been hovered. The
// event is attached to the FusionCharts global `addEventListener` function so that it is fired for
// all charts rendered on that page Once this event listener has been attached, any chart rendered on
// page will cause a console log when hovered or tapped.
FusionCharts.addEventListener('chartRollOver', function (event) {
    var chart = event.sender, // access the chart that raised this event
        caption = chart && chart.getChartAttribute('caption'); // get the chart caption

    // Output the caption in JavaScript console
    console.log('Mouse entered on the chart with caption: ' + caption);
});

chartRollOut

Triggered every time the mouse pointer is rolled out from over a chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

width

number or percent

[+]

Chart width, in pixels or percentage

height

number or percent

[+]

Chart height, in pixels or percentage

container

DOMElement

[+]

DOM element used to render the chart

pixelWidth

number

[+]

Width of the DOM element, in pixels, used to render the chart

pixelHeight

number

[+]

Height of the DOM element, in pixels, used to render the chart

id

string

[+]

Chart ID

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

width

number or percent

[+]

Chart width, in pixels or percentage

height

number or percent

[+]

Chart height, in pixels or percentage

container

DOMElement

[+]

DOM element used to render the chart

pixelWidth

number

[+]

Width of the DOM element, in pixels, used to render the chart

pixelHeight

number

[+]

Height of the DOM element, in pixels, used to render the chart

id

string

[+]

Chart ID

}

Example

// Create a chart and display the caption of the chart over which the mouse has been hovered. The
// event is attached to the FusionCharts global `addEventListener` function so that it is fired for
// all charts rendered on that page Once this event listener has been attached, any chart rendered on
// page will cause a console log when hovered out or tapped away.
FusionCharts.addEventListener('chartRollOut', function (event) {
    var chart = event.sender, // access the chart that raised this event
        caption = chart && chart.getChartAttribute('caption'); // get the chart caption

    // Output the caption in JavaScript console
    console.log('Mouse left the chart with caption: ' + caption);
});

backgroundLoaded

Triggered when the background image for a chart (specified using the bgImage attribute) is loaded.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
url

string

[+]

URL of the background image

bgImageAlpha

string

[+]

Transparency of the image

bgImageDisplayMode

string

[+]

Display mode set for the image

bgImageVAlign

string

[+]

Vertical alignment of the image

bgImageHAlign

string

[+]

Horizontal alignment of the image

imageWidth

string

[+]

Image width

imageHeight

string

[+]

Image height

}
}
dataObj (Deprecated) :{
url

string

[+]

URL of the background image

bgImageAlpha

string

[+]

Transparency of the image

bgImageDisplayMode

string

[+]

Display mode set for the image

bgImageVAlign

string

[+]

Vertical alignment of the image

bgImageHAlign

string

[+]

Horizontal alignment of the image

imageWidth

string

[+]

Image width

imageHeight

string

[+]

Image height

}

backgroundLoadError

Triggered when there is an error in loading the background image for a chart (specified using the bgImage attribute).

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
url

string

[+]

URL of the background image

bgImageAlpha

string

[+]

Transparency of the image

bgImageDisplayMode

string

[+]

Display mode set for the image

bgImageVAlign

string

[+]

Vertical alignment of the image

bgImageHAlign

string

[+]

Horizontal alignment of the image

imageWidth

string

[+]

Image width

imageHeight

string

[+]

Image height

error

object

[+]

Error object passed to the event for debugging the JavaScript errors encountered

}
}
dataObj (Deprecated) :{
url

string

[+]

URL of the background image

bgImageAlpha

string

[+]

Transparency of the image

bgImageDisplayMode

string

[+]

Display mode set for the image

bgImageVAlign

string

[+]

Vertical alignment of the image

bgImageHAlign

string

[+]

Horizontal alignment of the image

imageWidth

string

[+]

Image width

imageHeight

string

[+]

Image height

error

object

[+]

Error object passed to the event for debugging the JavaScript errors encountered

}

legendItemClicked

Triggered when a legend item is clicked.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
id

string

[+]

Chart ID

chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

datasetName

string

[+]

Dataset to which the data plot belongs

dataIndex

number

[+]

Index of the data plot, in the order of its definition in the dataset

visible

boolean

[+]

Visibility status of the legend item (true if shown, false if hidden)

preventDefaults

function

}
}
dataObj (Deprecated) :{
id

string

[+]

Chart ID

chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

datasetName

string

[+]

Dataset to which the data plot belongs

dataIndex

number

[+]

Index of the data plot, in the order of its definition in the dataset

visible

boolean

[+]

Visibility status of the legend item (true if shown, false if hidden)

preventDefaults

function

}

legendItemRollover

Triggered when the mouse pointer is rolled over a legend item.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
id

string

[+]

Chart ID

chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

datasetName

string

[+]

Dataset to which the data plot belongs

dataIndex

number

[+]

Index of the data plot, in the order of its definition in the dataset

visible

boolean

[+]

Visibility status of the legend item (true if shown, false if hidden)

}
}
dataObj (Deprecated) :{
id

string

[+]

Chart ID

chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

datasetName

string

[+]

Dataset to which the data plot belongs

dataIndex

number

[+]

Index of the data plot, in the order of its definition in the dataset

visible

boolean

[+]

Visibility status of the legend item (true if shown, false if hidden)

}

legendItemRollout

Triggered when the mouse pointer is rolled out from over a legend item.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
id

string

[+]

Chart ID

chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

datasetName

string

[+]

Dataset to which the data plot belongs

dataIndex

number

[+]

Index of the data plot, in the order of its definition in the dataset

visible

boolean

[+]

Visibility status of the legend item (true if shown, false if hidden)

}
}
dataObj (Deprecated) :{
id

string

[+]

Chart ID

chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

datasetName

string

[+]

Dataset to which the data plot belongs

dataIndex

number

[+]

Index of the data plot, in the order of its definition in the dataset

visible

boolean

[+]

Visibility status of the legend item (true if shown, false if hidden)

}

logoRollover

Triggered when the mouse pointer is rolled over a logo on a chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

logoURL

string

[+]

URL of the logo image

logoAlpha

number

[+]

Transparency set for the logo

logoPosition

string

[+]

Logo position (tr, tl, br, bl)

logoScale

number

[+]

Logo image scaling value

logoLink

string

[+]

URL to which the user will be redirected, if the logo is clicked

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

logoURL

string

[+]

URL of the logo image

logoAlpha

number

[+]

Transparency set for the logo

logoPosition

string

[+]

Logo position (tr, tl, br, bl)

logoScale

number

[+]

Logo image scaling value

logoLink

string

[+]

URL to which the user will be redirected, if the logo is clicked

}

logoRollout

Triggered when the mouse pointer is rolled out from over a logo on a chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

logoURL

string

[+]

URL of the logo image

logoAlpha

number

[+]

Transparency set for the logo

logoPosition

string

[+]

Logo position (tr, tl, br, bl)

logoScale

number

[+]

Logo image scaling value

logoLink

string

[+]

URL to which the user will be redirected, if the logo is clicked

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

logoURL

string

[+]

URL of the logo image

logoAlpha

number

[+]

Transparency set for the logo

logoPosition

string

[+]

Logo position (tr, tl, br, bl)

logoScale

number

[+]

Logo image scaling value

logoLink

string

[+]

URL to which the user will be redirected, if the logo is clicked

}

logoClick

Triggered when the logo on a chart is clicked.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

logoURL

string

[+]

URL of the logo image

logoAlpha

number

[+]

Transparency set for the logo

logoPosition

string

[+]

Logo position (tr, tl, br, bl)

logoScale

number

[+]

Logo image scaling value

logoLink

string

[+]

URL to which the user will be redirected, if the logo is clicked

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

logoURL

string

[+]

URL of the logo image

logoAlpha

number

[+]

Transparency set for the logo

logoPosition

string

[+]

Logo position (tr, tl, br, bl)

logoScale

number

[+]

Logo image scaling value

logoLink

string

[+]

URL to which the user will be redirected, if the logo is clicked

}

logoLoaded

Triggered when the logo is loaded on a chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
logoURL

string

[+]

URL of the logo image

logoAlpha

number

[+]

Transparency set for the logo

logoPosition

string

[+]

Logo position (tr, tl, br, bl)

logoScale

number

[+]

Logo image scaling value

logoLink

string

[+]

URL to which the user will be redirected, if the logo is clicked

}
}
dataObj (Deprecated) :{
logoURL

string

[+]

URL of the logo image

logoAlpha

number

[+]

Transparency set for the logo

logoPosition

string

[+]

Logo position (tr, tl, br, bl)

logoScale

number

[+]

Logo image scaling value

logoLink

string

[+]

URL to which the user will be redirected, if the logo is clicked

}

logoLoadError

Triggered when the logo cannot be loaded on a chart because of an error.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
logoURL

string

[+]

URL of the logo image

logoAlpha

number

[+]

Transparency set for the logo

logoPosition

string

[+]

Logo position (tr, tl, br, bl)

logoScale

number

[+]

Logo image scaling value

logoLink

string

[+]

URL to which the user will be redirected, if the logo is clicked

error

object

[+]

Error object passed to the event for debugging the JavaScript errors encountered

}
}
dataObj (Deprecated) :{
logoURL

string

[+]

URL of the logo image

logoAlpha

number

[+]

Transparency set for the logo

logoPosition

string

[+]

Logo position (tr, tl, br, bl)

logoScale

number

[+]

Logo image scaling value

logoLink

string

[+]

URL to which the user will be redirected, if the logo is clicked

error

object

[+]

Error object passed to the event for debugging the JavaScript errors encountered

}

beforeExport

Triggered just before the exporting process of a chart begins, through the export context menu or when the exportChart() method is called programmatically.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
buttons

object

[+]

Object containing the status of buttons on the chart

bgColor

string

[+]

Background color of the exported chart

bgAlpha

number

[+]

Transparency set for the exported chart

exportaction

string

[+]

Action for exporting image/PDF. Set to download, if the exported image will be sent back to the client as a download, set to save if it will be saved on the server.

exportfilename

string

[+]

Name (with extension) for the exported image/PDF

exporthandler

string

[+]

Path of the server-side export handler

exportformat

string

[+]

Format in which the chart is exported (jpg, png, pdf)

exportparameters

string

[+]

Additional parameters sent by the chart (defined using the exportParameters chart attribute)

exporttargetwindow

string

[+]

In case of server-side exporting and when using download as action, this shows whether the exported image/PDF will opened in the same window (as an attachment for download), or it will open in a new window.

Applicable only for server-side exporting.

exportcallback

string

[+]

Callback function executed after the chart is exported

exportwithimages

boolean

[+]

Boolean attribute that indicates if the chart had external images that were also exported

exportformats

object

[+]

Object containing all the export formats available

}
}
dataObj (Deprecated) :{
buttons

object

[+]

Object containing the status of buttons on the chart

bgColor

string

[+]

Background color of the exported chart

bgAlpha

number

[+]

Transparency set for the exported chart

exportaction

string

[+]

Action for exporting image/PDF. Set to download, if the exported image will be sent back to the client as a download, set to save if it will be saved on the server.

exportfilename

string

[+]

Name (with extension) for the exported image/PDF

exporthandler

string

[+]

Path of the server-side export handler

exportformat

string

[+]

Format in which the chart is exported (jpg, png, pdf)

exportparameters

string

[+]

Additional parameters sent by the chart (defined using the exportParameters chart attribute)

exporttargetwindow

string

[+]

In case of server-side exporting and when using download as action, this shows whether the exported image/PDF will opened in the same window (as an attachment for download), or it will open in a new window.

Applicable only for server-side exporting.

exportcallback

string

[+]

Callback function executed after the chart is exported

exportwithimages

boolean

[+]

Boolean attribute that indicates if the chart had external images that were also exported

exportformats

object

[+]

Object containing all the export formats available

}

exported

Triggered when a chart exports successfully.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
DOMId

string

[+]

ID of the chart exported

height

number

[+]

Chart height

width

number

[+]

Chart width

fileName

string

[+]

Name of the exported file and the path where it is saved

statusCode

boolean

[+]

Success status code of the export. Set to 1 if the export is successful, set to 0 if it fails.

statusMessage

string

[+]

Message indicating success or failure

notice

string

[+]

Message indicating that the chart was previously exported in the same format. In this case, a suffix for the file is internally generated and added to the filename.

Configure your code to show the properties and their values for the dataObj parameter in the console. You can then see the suffix that is generated internally.

}
}
dataObj (Deprecated) :{
DOMId

string

[+]

ID of the chart exported

height

number

[+]

Chart height

width

number

[+]

Chart width

fileName

string

[+]

Name of the exported file and the path where it is saved

statusCode

boolean

[+]

Success status code of the export. Set to 1 if the export is successful, set to 0 if it fails.

statusMessage

string

[+]

Message indicating success or failure

notice

string

[+]

Message indicating that the chart was previously exported in the same format. In this case, a suffix for the file is internally generated and added to the filename.

Configure your code to show the properties and their values for the dataObj parameter in the console. You can then see the suffix that is generated internally.

}

exportCancelled

Triggered when the default behavior of the beforeExport event is cancelled by calling the eventObj.preventDefault() method.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
buttons

string

[+]

Chart data as XML string

bgColor

string

[+]

Background color of the exported chart

bgAlpha

number

[+]

Transparency set for the exported chart

exportaction

string

[+]

Action for exporting image/PDF. Set to download, if the exported image will be sent back to the client as a download, set to save if it will be saved on the server.

exportfilename

string

[+]

Name (with extension) for the exported image/PDF

exporthandler

string

[+]

Path of the server-side export handler

exportformat

string

[+]

Format in which the chart is exported (jpg, png, pdf)

exportparameters

string

[+]

Additional parameters sent by the chart (defined using the exportParameters chart attribute)

exporttargetwindow

string

[+]

In case of server-side exporting and when using download as action, this shows whether the exported image/PDF will open in the same window (as an attachment for download), or it will open in a new window.

Applicable only for server-side exporting.

exportcallback

string

[+]

Callback function executed after the chart is exported

exportwithimages

boolean

[+]

Boolean attribute to indicate if the chart had external images that were also exported

exportformats

object

[+]

Object containing all the export formats available

}
}
dataObj (Deprecated) :{
buttons

string

[+]

Chart data as XML string

bgColor

string

[+]

Background color of the exported chart

bgAlpha

number

[+]

Transparency set for the exported chart

exportaction

string

[+]

Action for exporting image/PDF. Set to download, if the exported image will be sent back to the client as a download, set to save if it will be saved on the server.

exportfilename

string

[+]

Name (with extension) for the exported image/PDF

exporthandler

string

[+]

Path of the server-side export handler

exportformat

string

[+]

Format in which the chart is exported (jpg, png, pdf)

exportparameters

string

[+]

Additional parameters sent by the chart (defined using the exportParameters chart attribute)

exporttargetwindow

string

[+]

In case of server-side exporting and when using download as action, this shows whether the exported image/PDF will open in the same window (as an attachment for download), or it will open in a new window.

Applicable only for server-side exporting.

exportcallback

string

[+]

Callback function executed after the chart is exported

exportwithimages

boolean

[+]

Boolean attribute to indicate if the chart had external images that were also exported

exportformats

object

[+]

Object containing all the export formats available

}

beforePrint

Triggered before the printing process for a chart begins, after the print() method is called on the chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

}

printComplete

Triggered when the user confirms or cancels printing through the browser's print dialog box.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

}

printCancelled

Triggered when the default behavior of the beforePrint event is cancelled by calling the eventObj.preventDefault() method.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

}

dataLabelClick

Triggered every time the x-axis label of a data plot is clicked.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

text

string

[+]

Label text

dataIndex

number

[+]

Index of the data plot, in order of its definition in the source data

link

string

[+]

URL to which the user will be redirected, if the data label is clicked

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

text

string

[+]

Label text

dataIndex

number

[+]

Index of the data plot, in order of its definition in the source data

link

string

[+]

URL to which the user will be redirected, if the data label is clicked

}

dataLabelRollOver

Triggered when the mouse pointer is rolled over the tick labels of x-axis or y-axis.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

text

string

[+]

Label text

dataIndex

number

[+]

Index of the data plot, in order of its definition in the source data

link

string

[+]

URL to which the user will be redirected, if the data label is clicked

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

text

string

[+]

Label text

dataIndex

number

[+]

Index of the data plot, in order of its definition in the source data

link

string

[+]

URL to which the user will be redirected, if the data label is clicked

}

dataLabelRollOut

Triggered when the mouse pointer is rolled out from the tick labels of x-axis or y-axis.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

text

string

[+]

Label text

dataIndex

number

[+]

Index of the data plot, in order of its definition in the source data

link

string

[+]

URL to which the user will be redirected, if the data label is clicked

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

text

string

[+]

Label text

dataIndex

number

[+]

Index of the data plot, in order of its definition in the source data

link

string

[+]

URL to which the user will be redirected, if the data label is clicked

}

scrollStart

Triggered when you begin scrolling through a chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
scrollPosition

number

[+]

Position of the scroll, when you start scrolling.

}
}
dataObj (Deprecated) :{
scrollPosition

number

[+]

Position of the scroll, when you start scrolling.

}

scrollEnd

Triggered when a chart completes scrolling.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
prevScrollPosition

number

[+]

Position of the scroll when you started scrolling

scrollPosition

number

[+]

Position of the scroll when you finish scrolling

}
}
dataObj (Deprecated) :{
prevScrollPosition

number

[+]

Position of the scroll when you started scrolling

scrollPosition

number

[+]

Position of the scroll when you finish scrolling

}

onScroll

Triggered while scrolling through a zoom-line chart or scroll charts.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
scrollPosition

number

[+]

Position of the scroll when you finish scrolling

}
}
dataObj (Deprecated) :{
ScrollPosition

number

[+]

Position of the scroll when you finish scrolling

}

zoomReset

Triggered every time a zoom-line/zoom-scatter chart is reset to its original values (when the zooming history is cleared).

Try It Yourself! (zoom-line chart)

Try It Yourself! (zoom-scatter chart)

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

}

zoomedOut

Triggered every time a zoom-line/zoom-scatter chart is zoomed out.

Try It Yourself! (zoom-line chart)

Try It Yourself! (zoom-scatter chart)

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
level

number

[+]

Zooming level. Starting at 1, the value increments as the user further zooms in for the same subset of data and decrements when the user zooms out.

startIndex

number

[+]

Data index of the first item in the zoomed out view

startLabel

string

[+]

Data label of the first item in the zoomed out view

endIndex

number

[+]

Data index of the last item in the zoomed out view

endLabel

string

[+]

Data label of the last item in the zoomed out view

}
}
dataObj (Deprecated) :{
level

number

[+]

Zooming level. Starting at 1, the value increments as the user further zooms in for the same subset of data and decrements when the user zooms out.

startIndex

number

[+]

Data index of the first item in the zoomed out view

startLabel

string

[+]

Data label of the first item in the zoomed out view

endIndex

number

[+]

Data index of the last item in the zoomed out view

endLabel

string

[+]

Data label of the last item in the zoomed out view

}

zoomedIn

Triggered every time a zoom-line/zoom-scatter chart is zoomed in.

Try It Yourself! (zoom-line chart)

Try It Yourself! (zoom-scatter chart)

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
level

number

[+]

Zooming level. Starting at 1, the value increments as the user further zooms in for the same subset of data and decrements when the user zooms out.

startIndex

number

[+]

Data index of the first item in the zoomed in view

startLabel

string

[+]

Data label of the first item in the zoomed in view

endIndex

number

[+]

Data index of the last item in the zoomed in view

endLabel

string

[+]

Data label of the last item in the zoomed in view

}
}
dataObj (Deprecated) :{
level

number

[+]

Zooming level. Starting at 1, the value increments as the user further zooms in for the same subset of data and decrements when the user zooms out.

startIndex

number

[+]

Data index of the first item in the zoomed in view

startLabel

string

[+]

Data label of the first item in the zoomed in view

endIndex

number

[+]

Data index of the last item in the zoomed in view

endLabel

string

[+]

Data label of the last item in the zoomed in view

}

zoomed

Triggered every time a zoom-line/zoom-scatter chart is zoomed in or zoomed out.

Try It Yourself! (zoom-line chart)

Try It Yourself! (zoom-scatter chart)

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
level

number

[+]

Zooming level. Starting at 1, the value increments as the user further zooms in for the same subset of data and decrements when the user zooms out.

startIndex

number

[+]

Data index of the starting item in the zoomed view

startLabel

string

[+]

Data label of the starting item in the zoomed view

endIndex

number

[+]

Data index of the starting item in the zoomed view

endLabel

string

[+]

Data label of the ending item in the zoomed view

}
}
dataObj (Deprecated) :{
level

number

[+]

Zooming level. Starting at 1, the value increments as the user further zooms in for the same subset of data and decrements when the user zooms out.

startIndex

number

[+]

Data index of the starting item in the zoomed view

startLabel

string

[+]

Data label of the starting item in the zoomed view

endIndex

number

[+]

Data index of the starting item in the zoomed view

endLabel

string

[+]

Data label of the ending item in the zoomed view

}

zoomModeChanged

Triggered every time a zoom-line/zoom-scatter chart switches between the pin mode and the zoom mode.

Try It Yourself! (zoom-line chart)

Try It Yourself! (zoom-scatter chart)

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
pinModeActive

boolean

[+]

Active viewing mode of the zoom line chart. Set to true if the chart is in pin mode, set to false if the chart is in zoom mode.

}
}
dataObj (Deprecated) :{
pinModeActive

boolean

[+]

Active viewing mode of the zoom line chart. Set to true if the chart is in pin mode, set to false if the chart is in zoom mode.

}

pinned

Triggered in the pin mode of a zoom-line chart, when the user performs data selection to pin a range.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
startIndex

number

[+]

Data index of the first item in the zoomed in view of the pin mode

startLabel

string

[+]

Data label of the first item in the zoomed in view of the pin mode

endIndex

number

[+]

Data index of the last item in the zoomed in view of the pin mode

endLabel

string

[+]

Data label of the last item in the zoomed in view of the pin mode

}
}
dataObj (Deprecated) :{
startIndex

number

[+]

Data index of the first item in the zoomed in view of the pin mode

startLabel

string

[+]

Data label of the first item in the zoomed in view of the pin mode

endIndex

number

[+]

Data index of the last item in the zoomed in view of the pin mode

endLabel

string

[+]

Data label of the last item in the zoomed in view of the pin mode

}

dataRestored

Triggered when all data plots on the interactive charts (select-scatter, drag-node, and drag-able charts) are restored to their original values (by clicking the Restore button).

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

}

beforeDataSubmit

Triggered when the Submit button on interactive charts (select-scatter, drag-node, and drag-able charts) is clicked, after the data values are updated by the user.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
data

string

[+]

XML string with the complete chart data in the current state

}
}
dataObj (Deprecated) :{
data

string

[+]

XML string with the complete chart data in the current state

}

dataSubmitError

Triggered when there is an ajax error in sending the POST request with the user-submitted data in interactive charts (select-scatter, drag-node, and dragable charts).

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
data

string

[+]

Chart data as XML string

url

string

[+]

URL to which the data is sent as HTTP POST request

httpStatus

number

[+]

Status code of the ajax POST request

statusText

string

[+]

Ajax error message

xhrObject

object

[+]

XMLHttpRequest object that takes care of sending the XML chart data. In case of an error, this object is undefined.

}
}
dataObj (Deprecated) :{
data

string

[+]

Chart data as XML string

url

string

[+]

URL to which the data is sent as HTTP POST request

httpStatus

number

[+]

Status code of the ajax POST request

statusText

string

[+]

Ajax error message

xhrObject

object

[+]

XMLHttpRequest object that takes care of sending the XML chart data. In case of an error, this object is undefined.

}

dataSubmitted

Triggered when the ajax POST request for sending user-submitted data in interactive charts (select-scatter, drag-node, and dragable charts) to the URL is successfully completed.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
data

string

[+]

Chart data as XML string

url

string

[+]

URL to which the data is sent as HTTP POST request

response

string

[+]

Response returned by the web server to which the HTTP POST request was submitted

xhrObject

object

[+]

XMLHttpRequest object that takes care of sending the XML chart data

}
}
dataObj (Deprecated) :{
data

string

[+]

Chart data as XML string

url

string

[+]

URL to which the data is sent as HTTP POST request

response

string

[+]

Response returned by the web server to which the HTTP POST request was submitted

xhrObject

object

[+]

XMLHttpRequest object that takes care of sending the XML chart data

}

dataSubmitCancelled

Triggered when the default behavior of the beforeDataSubmit event is cancelled by calling the eventObj. preventDefault() method.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
data

string

[+]

Chart data as XML string

}
}
dataObj (Deprecated) :{
data

string

[+]

Chart data as XML string

}

Example

FusionCharts.addEventListener('beforeDataSubmit', function(eventObject, parameterObject) {
  eventObject.preventDefault();
}

chartUpdated

Triggered every time the data on any of the interactive charts (select-scatter, drag-node, and the dragable charts) is updated by user interaction.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

dataObj :{
id

string

[+]

Chart ID

sourceEvent

string

[+]

Event that caused the chartUpdated event to be triggered. For example, in a drag-node chart, if a node was dragged to shift its position, the source event will be dataplotDragEnd.

sourceType

string

[+]

Type of element that triggered this event

chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

index

number

[+]

Index of the updated data plot, in the order of its definition in the source data

datasetIndex

number

[+]

Index of the dataset, to which the updated data plot belongs, in the order of its definition in the source data

datasetName

number

[+]

Name of the dataset, to which the updated data plot belongs

x

number

[+]

x-coordinate of the updated data plot

Applicable only to the drag-node chart.

y

number

[+]

y-coordinate of the updated data plot

Applicable only to the drag-node chart.

shape

string

[+]

Shape of the updated data plot

Applicable only to the drag-node chart.

width

number

[+]

Width of the updated data plot

Applicable only to the drag-node chart.

height

number

[+]

Height of the updated data plot

Applicable only to the drag-node chart.

radius

number

[+]

Radius of the updated data plot

Applicable only to the drag-node chart.

sides

number

[+]

Number of sides the shape of the updated data plot has

Applicable only to the drag-node chart.

label

string

[+]

Data label of the updated data plot

toolText

string

[+]

Tooltip text for the updated data plot

}
}
dataObj (Deprecated) :{
id

string

[+]

Chart ID

sourceEvent

string

[+]

Event that caused the chartUpdated event to be triggered. For example, in a drag-node chart, if a node was dragged to shift its position, the source event will be dataplotDragEnd.

sourceType

string

[+]

Type of element that triggered this event

chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

index

number

[+]

Index of the updated data plot, in the order of its definition in the source data

datasetIndex

number

[+]

Index of the dataset, to which the updated data plot belongs, in the order of its definition in the source data

datasetName

number

[+]

Name of the dataset, to which the updated data plot belongs

x

number

[+]

x-coordinate of the updated data plot

Applicable only to the drag-node chart.

y

number

[+]

y-coordinate of the updated data plot

Applicable only to the drag-node chart.

shape

string

[+]

Shape of the updated data plot

Applicable only to the drag-node chart.

width

number

[+]

Width of the updated data plot

Applicable only to the drag-node chart.

height

number

[+]

Height of the updated data plot

Applicable only to the drag-node chart.

radius

number

[+]

Radius of the updated data plot

Applicable only to the drag-node chart.

sides

number

[+]

Number of sides the shape of the updated data plot has

Applicable only to the drag-node chart.

label

string

[+]

Data label of the updated data plot

toolText

string

[+]

Tooltip text for the updated data plot

}

nodeAdded

Triggered when a new node is added to the drag-node chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
id

string

[+]

Node ID

dataIndex

number

[+]

Index of the added node, in sequence in the order of the pre-defined nodes in the source data

datasetIndex

number

[+]

Index of the dataset to which the new node is added

datasetName

number

[+]

Name of the dataset to which the new node is added

link

string

[+]

URL to which the user will be redirected, if the node is clicked

x

number

[+]

x-coordinate of the added node

y

number

[+]

y-coordinate of the added node

shape

string

[+]

Shape of the added node. Example : Rectangle, Circle, Polygon

width

number

[+]

Sets the width of the added node only if the shape of the added node is rectangle.

height

number

[+]

Sets the height of the added node only if the shape of the added node is rectangle.

radius

number

[+]

Sets the radius of the added node only if the shape of the added node is either circle or polygon.

sides

number

[+]

Specifies the number of sides configured for the added node only if the shape of the added node is polygon.

label

string

[+]

Text label for the added node

toolText

string

[+]

Text rendered when the mouse pointer is hovered over the added node

}
}
dataObj (Deprecated) :{
id

string

[+]

Node ID

dataIndex

number

[+]

Index of the added node, in sequence in the order of the pre-defined nodes in the source data

datasetIndex

number

[+]

Index of the dataset to which the new node is added

datasetName

number

[+]

Name of the dataset to which the new node is added

link

string

[+]

URL to which the user will be redirected, if the node is clicked

x

number

[+]

x-coordinate of the added node

y

number

[+]

y-coordinate of the added node

shape

string

[+]

Shape of the added node

width

number

[+]

Width of the added node

height

number

[+]

Height of the added node

radius

number

[+]

Radius of the added node

sides

number

[+]

Number of sides configured for the added node

label

string

[+]

Text label for the added node

toolText

string

[+]

Text rendered when the mouse pointer is hovered over the added node

}

nodeUpdated

Triggered when a node on the drag-node chart is updated.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
id

string

[+]

Node ID

dataIndex

number

[+]

Index of the updated node, in the order of its definition

datasetIndex

number

[+]

Index of the dataset to which the updated node belongs

datasetName

number

[+]

Name of the dataset to which the updated node belongs

link

string

[+]

URL to which the user will be redirected, if the node is clicked

x

number

[+]

x-coordinate of the updated node

y

number

[+]

y-coordinate of the updated node

shape

string

[+]

Shape of the updated node. Example : Rectangle, Circle, Polygon

width

number

[+]

Sets the width of the updated node only if the shape of the updated node is rectangle.

height

number

[+]

Sets the height of the updated node only if the shape of the updated node is rectangle.

radius

number

[+]

Sets the radius of the updated node only if the shape of the updated node is either circle or polygon.

sides

number

[+]

Specifies the number of sides configured for the updated node only if the shape of the updated node is polygon.

label

string

[+]

Text label for the updated node

toolText

string

[+]

Text rendered when the mouse pointer is hovered over the updated node

}
}
dataObj (Deprecated) :{
id

string

[+]

Node ID

dataIndex

number

[+]

Index of the updated node, in the order of its definition

datasetIndex

number

[+]

Index of the dataset to which the updated node belongs

datasetName

number

[+]

Name of the dataset to which the updated node belongs

link

string

[+]

URL to which the user will be redirected, if the node is clicked

x

number

[+]

x-coordinate of the updated node

y

number

[+]

y-coordinate of the updated node

shape

string

[+]

Shape of the updated node

width

number

[+]

Width of the updated node

height

number

[+]

Height of the updated node

radius

number

[+]

Radius of the updated node

sides

number

[+]

Number of sides of the updated node

label

string

[+]

Text label for the updated node

toolText

string

[+]

Text rendered when the mouse pointer is hovered over the updated node

}

nodeDeleted

Triggered when a node on the drag-node chart is deleted.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
id

string

[+]

Node ID

dataIndex

number

[+]

Index of the deleted node, in the order of its definition

datasetIndex

number

[+]

Index of the dataset to which the deleted node belongs

datasetName

number

[+]

Name of the dataset to which the deleted node belongs

link

string

[+]

URL to which the user will be redirected, if the node is clicked

x

number

[+]

x-coordinate of the deleted node

y

number

[+]

y-coordinate of the deleted node

shape

string

[+]

Shape of the deleted node. Example : Rectangle, Circle, Polygon

width

number

[+]

Sets the width of the deleted node only if the shape of the deleted node is rectangle.

height

number

[+]

Sets the height of the deleted node only if the shape of the deleted node is rectangle.

radius

number

[+]

Sets the radius of the deleted node only if the shape of the deleted node is either circle or polygon.

sides

number

[+]

Specifies the number of sides configured for the deleted node only if the shape of the deleted node is polygon.

label

string

[+]

Text label for the deleted node

toolText

string

[+]

Text rendered when the mouse pointer is hovered over the deleted node

}
}
dataObj (Deprecated) :{
id

string

[+]

Node ID

dataIndex

number

[+]

Index of the deleted node, in the order of its definition

datasetIndex

number

[+]

Index of the dataset to which the deleted node belongs

datasetName

number

[+]

Name of the dataset to which the deleted node belongs

link

string

[+]

URL to which the user will be redirected, if the node is clicked

x

number

[+]

x-coordinate of the deleted node

y

number

[+]

y-coordinate of the deleted node

shape

string

[+]

Shape of the deleted node

width

number

[+]

Width of the deleted node

height

number

[+]

Height of the deleted node

radius

number

[+]

Radius of the deleted node

sides

number

[+]

Number of sides of the deleted node

label

string

[+]

Text label for the deleted node

toolText

string

[+]

Text rendered when the mouse pointer is hovered over the deleted node

}

connectorAdded

Triggered when a new connector is added to the drag-node chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
id

number

[+]

Connector ID

arrowAtStart

boolean

[+]

Whether the connector has an arrow that points towards the source node

arrowAtEnd

boolean

[+]

Whether the connector has an arrow that points towards the destination node

fromNodeId

number

[+]

Index number or the node ID of the source node

toNodeId

number

[+]

Index number or the node ID of the destination node

label

string

[+]

Text label of the connector

link

string

[+]

URL to which the user will be redirected, if the connector is clicked

}
}
dataObj (Deprecated) :{
id

number

[+]

Connector ID

arrowAtStart

boolean

[+]

Whether the connector has an arrow that points towards the source node

arrowAtEnd

boolean

[+]

Whether the connector has an arrow that points towards the destination node

fromNodeId

number

[+]

Index number or the node ID of the source node

toNodeId

number

[+]

Index number or the node ID of the destination node

label

string

[+]

Text label of the connector

link

string

[+]

URL to which the user will be redirected, if the connector is clicked

}

connectorUpdated

Triggered when a connector on the drag-node chart is updated.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
id

number

[+]

Connector ID

arrowAtStart

boolean

[+]

Whether the connector has an arrow that points towards the source node

arrowAtEnd

boolean

[+]

Whether the connector has an arrow that points towards the destination node

fromNodeId

number

[+]

Index number or the node ID of the source node

toNodeId

number

[+]

Index number or the node ID of the destination node

label

string

[+]

Text label of the connector

link

string

[+]

URL to which the user will be redirected, if the connector is clicked

}
}
dataObj (Deprecated) :{
id

number

[+]

Connector ID

arrowAtStart

boolean

[+]

Whether the connector has an arrow that points towards the source node

arrowAtEnd

boolean

[+]

Whether the connector has an arrow that points towards the destination node

fromNodeId

number

[+]

Index number or the node ID of the source node

toNodeId

number

[+]

Index number or the node ID of the destination node

label

string

[+]

Text label of the connector

link

string

[+]

URL to which the user will be redirected, if the connector is clicked

}

connectorDeleted

Triggered when a connector is deleted from the drag-node chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
id

number

[+]

Connector ID

arrowAtStart

boolean

[+]

Whether the connector has an arrow that points towards the source node

arrowAtEnd

boolean

[+]

Whether the connector has an arrow that points towards the destination node

fromNodeId

number

[+]

Index number or the node ID of the source node

toNodeId

number

[+]

Index number or the node ID of the destination node

label

string

[+]

Text label of the connector

link

string

[+]

URL to which the user will be redirected, if the connector is clicked

}
}
dataObj (Deprecated) :{
id

number

[+]

Connector ID

arrowAtStart

boolean

[+]

Whether the connector has an arrow that points towards the source node

arrowAtEnd

boolean

[+]

Whether the connector has an arrow that points towards the destination node

fromNodeId

number

[+]

Index number or the node ID of the source node

toNodeId

number

[+]

Index number or the node ID of the destination node

label

string

[+]

Text label of the connector

link

string

[+]

URL to which the user will be redirected, if the connector is clicked

}

labelAdded

Triggered when a new label is added on the drag-node chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
x

number

[+]

x-coordinate of the label node, scaled as per the axis of the chart

y

number

[+]

y-coordinate of the label node, scaled as per the axis of the chart

text

string

[+]

Label text

allowDrag

boolean

[+]

Whether the label can be dragged or no

link

URL

[+]

URL to which the user will be redirected, if the label is clicked

sourceType

string

[+]

Type of the element that triggered the event. For the labelAdded event, this will be labelnode.

}
}
dataObj (Deprecated) :{
x

number

[+]

x-coordinate of the label node, scaled as per the axis of the chart

y

number

[+]

y-coordinate of the label node, scaled as per the axis of the chart

text

string

[+]

Label text

allowDrag

boolean

[+]

Whether the label can be dragged or no

link

URL

[+]

URL to which the user will be redirected, if the label is clicked

sourceType

string

[+]

Type of the element that triggered the event. For the labelAdded event, this will be labelnode.

}

labelDeleted

Triggered when a label is deleted from the drag-node chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
x

number

[+]

x-coordinate of the label node, scaled as per the axis of the chart

y

number

[+]

y-coordinate of the label node, scaled as per the axis of the chart

text

string

[+]

Label text

allowDrag

boolean

[+]

Whether the label can be dragged or no

link

URL

[+]

URL to which the user will be redirected, if the label is clicked

sourceType

string

[+]

Type of the element that triggered the event. For the labelDeleted event, this will be labelnode.

}
}
dataObj (Deprecated) :{
x

number

[+]

x-coordinate of the label node, scaled as per the axis of the chart

y

number

[+]

y-coordinate of the label node, scaled as per the axis of the chart

text

string

[+]

Label text

allowDrag

boolean

[+]

Whether the label can be dragged or no

link

URL

[+]

URL to which the user will be redirected, if the label is clicked

sourceType

string

[+]

Type of the element that triggered the event. For the labelDeleted event, this will be labelnode.

}

selectionRemoved

Triggered when the selection box, drawn on a select-scatter chart, is removed.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
id

string

[+]

ID of the selection box

data

object

[+]

Subset of the data selected using the selection box

selectionTop

number

[+]

Distance between the top edges of the selection box and the chart

selectionLeft

number

[+]

Distance between the left edges of the selection box and the chart

selectionWidth

number

[+]

Width of the selection box

selectionHeight

number

[+]

Height of the selection box

startXVAlue

number

[+]

Value of the starting position of the selection box, in the canvas x-axis

startYVAlue

number

[+]

Value of the starting position of the selection box, in the canvas y-axis

endXValue

number

[+]

Value of the ending position of the selection box, in the canvas x-axis

endYValue

number

[+]

Value of the ending position of the selection box, in the canvas y-axis

}
}
dataObj (Deprecated) :{
id

string

[+]

ID of the selection box

data

object

[+]

Subset of the data selected using the selection box

selectionTop

number

[+]

Distance between the top edges of the selection box and the chart

selectionLeft

number

[+]

Distance between the left edges of the selection box and the chart

selectionWidth

number

[+]

Width of the selection box

selectionHeight

number

[+]

Height of the selection box

startXVAlue

number

[+]

Value of the starting position of the selection box, in the canvas x-axis

startYVAlue

number

[+]

Value of the starting position of the selection box, in the canvas y-axis

endXValue

number

[+]

Value of the ending position of the selection box, in the canvas x-axis

endYValue

number

[+]

Value of the ending position of the selection box, in the canvas y-axis

}

selectionStart

Triggered when you start drawing a selection box on a select-scatter/zoom-scatter chart.

Try It Yourself! (select-scatter chart)

Try It Yourself! (zoom-scatter chart)

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

selectionTop

number

[+]

Distance between the top edges of the selection box and the chart

selectionLeft

number

[+]

Distance between the left edges of the selection box and the chart

selectionWidth

number

[+]

Width of the selection box (0 for this event, because it is triggered before you finish drawing the box)

selectionHeight

number

[+]

Height of the selection box (0 for this event, because it is triggered before you finish drawing the box)

startXVAlue

number

[+]

Value of the starting position of the selection box, in the canvas x-axis

startYVAlue

number

[+]

Value of the starting position of the selection box, in the canvas y-axis

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

selectionTop

number

[+]

Distance between the top edges of the selection box and the chart

selectionLeft

number

[+]

Distance between the left edges of the selection box and the chart

selectionWidth

number

[+]

Width of the selection box (0 for this event, because it is triggered before you finish drawing the box)

selectionHeight

number

[+]

Height of the selection box (0 for this event, because it is triggered before you finish drawing the box)

startXVAlue

number

[+]

Value of the starting position of the selection box, in the canvas x-axis

startYVAlue

number

[+]

Value of the starting position of the selection box, in the canvas y-axis

}

selectionEnd

Triggered when you complete drawing a selection box on a select-scatter/zoom-scatter chart.

Try It Yourself! (select-scatter chart)

Try It Yourself! (zoom-scatter chart)

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

selectionTop

number

[+]

Distance between the top edges of the selection box and the chart

selectionLeft

number

[+]

Distance between the left edges of the selection box and the chart

selectionWidth

number

[+]

Width of the selection box

selectionHeight

number

[+]

Height of the selection box

startXVAlue

number

[+]

Value of the starting position of the selection box, in the canvas x-axis

startYVAlue

number

[+]

Value of the starting position of the selection box, in the canvas y-axis

endXValue

number

[+]

Value of the ending position of the selection box, in the canvas x-axis

endYValue

number

[+]

Value of the ending position of the selection box, in the canvas y-axis

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

selectionTop

number

[+]

Distance between the top edges of the selection box and the chart

selectionLeft

number

[+]

Distance between the left edges of the selection box and the chart

selectionWidth

number

[+]

Width of the selection box

selectionHeight

number

[+]

Height of the selection box

startXVAlue

number

[+]

Value of the starting position of the selection box, in the canvas x-axis

startYVAlue

number

[+]

Value of the starting position of the selection box, in the canvas y-axis

endXValue

number

[+]

Value of the ending position of the selection box, in the canvas x-axis

endYValue

number

[+]

Value of the ending position of the selection box, in the canvas y-axis

}

labelClick

Triggered when a label on the drag-node chart is clicked.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

x

number

[+]

x-coordinate of the label node, scaled as per the axis of the chart

y

number

[+]

y-coordinate of the label node, scaled as per the axis of the chart

text

string

[+]

Label text

allowDrag

boolean

[+]

Whether the label can be dragged or no

link

URL

[+]

URL to which the user will be redirected to, if the label is when clicked

sourceType

string

[+]

Type of the element that triggered the event. For the labelClick event, this will be labelnode.

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

x

number

[+]

x-coordinate of the label node, scaled as per the axis of the chart

y

number

[+]

y-coordinate of the label node, scaled as per the axis of the chart

text

string

[+]

Label text

allowDrag

boolean

[+]

Whether the label can be dragged or no

link

URL

[+]

URL to which the user will be redirected to, if the label is when clicked

sourceType

string

[+]

Type of the element that triggered the event. For the labelClick event, this will be labelnode.

}

labelRollOver

Triggered when the mouse pointer is rolled over a label on the drag-node chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

x

number

[+]

x-coordinate of the label node, scaled as per the axis of the chart

y

number

[+]

y-coordinate of the label node, scaled as per the axis of the chart

text

string

[+]

Label text

allowDrag

boolean

[+]

Whether the label can be dragged or no

link

URL

[+]

URL to which the user will be redirected, if the label is clicked

sourceType

string

[+]

Type of the element that triggered the event. For the labelRollOver event, this will be labelnode.

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

x

number

[+]

x-coordinate of the label node, scaled as per the axis of the chart

y

number

[+]

y-coordinate of the label node, scaled as per the axis of the chart

text

string

[+]

Label text

allowDrag

boolean

[+]

Whether the label can be dragged or no

link

URL

[+]

URL to which the user will be redirected, if the label is clicked

sourceType

string

[+]

Type of the element that triggered the event. For the labelRollOver event, this will be labelnode.

}

labelRollOut

Triggered when the mouse pointer is rolled out of a label on the drag-node chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

x

number

[+]

x-coordinate of the label node, scaled as per the axis of the chart

y

number

[+]

y-coordinate of the label node, scaled as per the axis of the chart

text

string

[+]

Label text

allowDrag

boolean

[+]

Whether the label can be dragged or no

link

URL

[+]

URL to which the user will be redirected to, if the label is clicked

sourceType

string

[+]

Type of the element that triggered the event. For the labelRollOut event, this will be labelnode.

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

x

number

[+]

x-coordinate of the label node, scaled as per the axis of the chart

y

number

[+]

y-coordinate of the label node, scaled as per the axis of the chart

text

string

[+]

Label text

allowDrag

boolean

[+]

Whether the label can be dragged or no

link

URL

[+]

URL to which the user will be redirected to, if the label is clicked

sourceType

string

[+]

Type of the element that triggered the event. For the labelRollOut event, this will be labelnode.

}

labelDragStart

Triggered when you start dragging a label on the drag-node chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

x

number

[+]

x-coordinate of the label node, scaled as per the axis of the chart

y

number

[+]

y-coordinate of the label node, scaled as per the axis of the chart

text

string

[+]

Label text

allowDrag

boolean

[+]

Whether the label can be dragged or no

link

URL

[+]

URL to which the user will be redirected, if the label is clicked

sourceType

string

[+]

Type of the element that triggered the event. For the labelDragStart event, this will be labelnode.

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

x

number

[+]

x-coordinate of the label node, scaled as per the axis of the chart

y

number

[+]

y-coordinate of the label node, scaled as per the axis of the chart

text

string

[+]

Label text

allowDrag

boolean

[+]

Whether the label can be dragged or no

link

URL

[+]

URL to which the user will be redirected, if the label is clicked

sourceType

string

[+]

Type of the element that triggered the event. For the labelDragStart event, this will be labelnode.

}

labelDragEnd

Triggered when you finish dragging a label on the drag-node chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

x

number

[+]

x-coordinate of the label node, scaled as per the axis of the chart

y

number

[+]

y-coordinate of the label node, scaled as per the axis of the chart

text

string

[+]

Label text

allowDrag

boolean

[+]

Whether the label can be dragged or no

link

URL

[+]

URL to which the user will be redirected, if the label is clicked

sourceType

string

[+]

Type of the element that triggered the event. For the labelDragEnd event, this will be labelnode.

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

x

number

[+]

x-coordinate of the label node, scaled as per the axis of the chart

y

number

[+]

y-coordinate of the label node, scaled as per the axis of the chart

text

string

[+]

Label text

allowDrag

boolean

[+]

Whether the label can be dragged or no

link

URL

[+]

URL to which the user will be redirected, if the label is clicked

sourceType

string

[+]

Type of the element that triggered the event. For the labelDragEnd event, this will be labelnode.

}

dataplotDragStart

Triggered when you start dragging the data plots of the drag-able charts (the drag-node, drag-column, drag-line, and drag-area charts).

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
datasetIndex

number

[+]

Position of the dataset in the order of its definition in the source data

datasetName

string

[+]

Dataset to which the data plot belongs

dataIndex

number

[+]

Index of the data plot in the order of its definition in the dataset

startValue

number

[+]

Value of the data plot before it is dragged

Applicable only to the drag-column, drag-line, and drag-area charts

color

hex color code

[+]

Sets the color of the plot.

alpha

number

[+]

Sets the transparency of the plot.

borderColor

hex color code

[+]

Sets the color of the plot border

borderAlpha

number

[+]

Sets the transparency of the plot border

borderThickness

number

[+]

Sets the thickness of the plot border

borderDashed

boolean

[+]

Makes the plot border dashed.

gradientColor

hex color code

[+]

Sets the color gradient of the plot.

hoverColor

hex color code

[+]

Sets the color of the plot when it is hovered over.

hoverAlpha

number

[+]

Sets the transparency of the plot when it is hovered over.

borderHoverColor

hex color code

[+]

Sets the color of the plot border when it is hovered over.

borderHoverAlpha

number

[+]

Sets the transparency of the plot border when it is hovered over.

}
}
dataObj (Deprecated) :{
datasetIndex

number

[+]

Position of the dataset in the order of its definition in the source data

datasetName

string

[+]

Dataset to which the data plot belongs

dataIndex

number

[+]

Index of the data plot in the order of its definition in the dataset

startValue

number

[+]

Value of the data plot before it is dragged

Applicable only to the drag-column, drag-line, and drag-area charts

}

dataplotDragEnd

Triggered when you complete dragging the data plots of the drag-able charts (the drag-node, drag-column, drag-line, and drag-area charts).

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
datasetIndex

number

[+]

Position of the dataset in the order of its definition in the source data

datasetName

string

[+]

Dataset to which the data plot belongs

dataIndex

number

[+]

Index of the data plot in the order of its definition in the dataset

startValue

number

[+]

Value of the data plot before it is dragged

Applicable only to the drag-column, drag-line, and drag-area charts

endValue

number

[+]

Value of the data plot after it is dragged

Applicable only to the drag-column, drag-line, and drag-area charts

color

hex color code

[+]

Sets the color of the plot.

alpha

number

[+]

Sets the transparency of the plot.

borderColor

hex color code

[+]

Sets the color of the plot border

borderAlpha

number

[+]

Sets the transparency of the plot border

borderThickness

number

[+]

Sets the thickness of the plot border

borderDashed

boolean

[+]

Makes the plot border dashed.

gradientColor

hex color code

[+]

Sets the color gradient of the plot.

hoverColor

hex color code

[+]

Sets the color of the plot when it is hovered over.

hoverAlpha

number

[+]

Sets the transparency of the plot when it is hovered over.

borderHoverColor

hex color code

[+]

Sets the color of the plot border when it is hovered over.

borderHoverAlpha

number

[+]

Sets the transparency of the plot border when it is hovered over.

}
}
dataObj (Deprecated) :{
datasetIndex

number

[+]

Position of the dataset in the order of its definition in the source data

datasetName

string

[+]

Dataset to which the data plot belongs

dataIndex

number

[+]

Index of the data plot in the order of its definition in the dataset

startValue

number

[+]

Value of the data plot before it is dragged

Applicable only to the drag-column, drag-line, and drag-area charts

endValue

number

[+]

Value of the data plot after it is dragged

Applicable only to the drag-column, drag-line, and drag-area charts

}

processClick

Triggered when a process in the Gantt chart is clicked.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

id

string

[+]

Process ID

label

string

[+]

Process label

isHeader

boolean

[+]

Set to true if the event was triggered by the process header

align

string

[+]

Horizontal alignment of the process label

vAlign

string

[+]

Vertical alignment of the process label

link

string

[+]

URL to which the user will be redirected, if the process is clicked

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

id

string

[+]

Process ID

label

string

[+]

Process label

isHeader

boolean

[+]

Set to true if the event was triggered by the process header

align

string

[+]

Horizontal alignment of the process label

vAlign

string

[+]

Vertical alignment of the process label

link

string

[+]

URL to which the user will be redirected, if the process is clicked

}

processRollOver

Triggered when the mouse pointer is rolled over a process on the Gantt chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

id

string

[+]

Process ID

label

string

[+]

Process label

isHeader

boolean

[+]

true if the event was triggered by the process header

align

string

[+]

Horizontal alignment of the process label

vAlign

string

[+]

Vertical alignment of the process label

link

string

[+]

URL to which the user will be redirected, if the process is clicked

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

id

string

[+]

Process ID

label

string

[+]

Process label

isHeader

boolean

[+]

true if the event was triggered by the process header

align

string

[+]

Horizontal alignment of the process label

vAlign

string

[+]

Vertical alignment of the process label

link

string

[+]

URL to which the user will be redirected, if the process is clicked

}

processRollOut

Triggered when the mouse pointer is rolled out from over a process on the Gantt chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

id

string

[+]

Process ID

label

string

[+]

Process label

isHeader

boolean

[+]

true if the event was triggered by the process header

align

string

[+]

Horizontal alignment of the process label

vAlign

string

[+]

Vertical alignment of the process label

link

string

[+]

URL to which the user will be redirected, if the process is clicked

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

id

string

[+]

Process ID

label

string

[+]

Process label

isHeader

boolean

[+]

true if the event was triggered by the process header

align

string

[+]

Horizontal alignment of the process label

vAlign

string

[+]

Vertical alignment of the process label

link

string

[+]

URL to which the user will be redirected, if the process is clicked

}

categoryClick

Triggered when a category on the Gantt chart is clicked.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
align

string

[+]

Horizontal alignment of the category label

vAlign

string

[+]

Vertical alignment of the category label

chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

link

string

[+]

URL to which the user will be redirected, if the category is clicked

text

string

[+]

Category label text

}
}
dataObj (Deprecated) :{
align

string

[+]

Horizontal alignment of the category label

vAlign

string

[+]

Vertical alignment of the category label

chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

link

string

[+]

URL to which the user will be redirected, if the category is clicked

text

string

[+]

Category label text

}

categoryRollOver

Triggered when the mouse pointer is rolled over a category on the Gantt chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
align

string

[+]

Horizontal alignment of the category label

vAlign

string

[+]

Vertical alignment of the category label

chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

link

string

[+]

URL to which the user will be redirected, if the category is clicked

text

string

[+]

Category label text

}
}
dataObj (Deprecated) :{
align

string

[+]

Horizontal alignment of the category label

vAlign

string

[+]

Vertical alignment of the category label

chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

link

string

[+]

URL to which the user will be redirected, if the category is clicked

text

string

[+]

Category label text

}

categoryRollOut

Triggered when the mouse pointer is rolled out of a category on the Gantt chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
align

string

[+]

Horizontal alignment of the category label

vAlign

string

[+]

Vertical alignment of the category label

chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

link

string

[+]

URL to which the user will be redirected, if the category is clicked

text

string

[+]

Category label text

}
}
dataObj (Deprecated) :{
align

string

[+]

Horizontal alignment of the category label

vAlign

string

[+]

Vertical alignment of the category label

chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

link

string

[+]

URL to which the user will be redirected, if the category is clicked

text

string

[+]

Category label text

}

milestoneClick

Triggered when a milestone on a Gantt chart is clicked.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

taskId

string

[+]

Id of the task to which the milestone belongs

date

string

[+]

Milestone date

numSides

string

[+]

Number of sides defined for the milestone shape

radius

string

[+]

Radius of the milestone shape

toolText

string

[+]

Text displayed when the mouse pointer is hovered over the milestone

link

number

[+]

URL to which the user will be redirected, if the milestone is clicked

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

taskId

string

[+]

Id of the task to which the milestone belongs

date

string

[+]

Milestone date

numSides

string

[+]

Number of sides defined for the milestone shape

radius

string

[+]

Radius of the milestone shape

toolText

string

[+]

Text displayed when the mouse pointer is hovered over the milestone

link

number

[+]

URL to which the user will be redirected, if the milestone is clicked

}

milestoneRollOver

Triggered when the mouse pointer is rolled over a milestone on a Gantt chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

y-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

taskId

string

[+]

Id of the task to which the milestone belongs

date

string

[+]

Milestone date

numSides

string

[+]

Number of sides defined for the milestone shape

radius

string

[+]

Radius of the milestone shape

toolText

string

[+]

Text displayed when the mouse pointer is hovered over the milestone

link

number

[+]

URL to which the user will be redirected, if the milestone is clicked

}
}
dataObj (Deprecated) :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

y-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

taskId

string

[+]

Id of the task to which the milestone belongs

date

string

[+]

Milestone date

numSides

string

[+]

Number of sides defined for the milestone shape

radius

string

[+]

Radius of the milestone shape

toolText

string

[+]

Text displayed when the mouse pointer is hovered over the milestone

link

number

[+]

URL to which the user will be redirected, if the milestone is clicked

}

milestoneRollOut

Triggered when the mouse pointer is rolled out from over a milestone on a Gantt chart.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

taskId

string

[+]

Id of the task to which the milestone belongs

date

string

[+]

Milestone date

numSides

string

[+]

Number of sides defined for the milestone shape

radius

string

[+]

Radius of the milestone shape

toolText

string

[+]

Text displayed when the mouse pointer is hovered over the milestone

link

number

[+]

URL to which the user will be redirected, if the milestone is clicked

}
}
dataObj Deprecated :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

taskId

string

[+]

Id of the task to which the milestone belongs

date

string

[+]

Milestone date

numSides

string

[+]

Number of sides defined for the milestone shape

radius

string

[+]

Radius of the milestone shape

toolText

string

[+]

Text displayed when the mouse pointer is hovered over the milestone

link

number

[+]

URL to which the user will be redirected, if the milestone is clicked

}

chartTypeChanged

Triggered when the chart type is explicitly changed by calling the chartType() method on a chart.

This event is not fired when a chart is rendered using the static render() method or the chart type is set for the first time (the type is not provided to the constructor on the first render) using the chartType() method. If the chart type provided as the parameter to the chartType() method is the same as the current chart type, again, this event will not be triggered. Similarly, the event is not triggered if the new chart type is invalid.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
previousType

string

[+]

Original chart type

newType

string

[+]

New chart type

}
}
dataObj (Deprecated) :{
previousType

string

[+]

Original chart type

newType

string

[+]

New chart type

}

chartTypeInvalid

Triggered when the given chart type is invalid or the chart type is not specified.

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

}

overlayButtonClick

Triggered when the overlay back button on a linked chart is clicked.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
id

string

[+]

ID of the overlay button

show

boolean

[+]

Visibility status of the overlay button (true if shown, false if not)

message

string

[+]

Text rendered on the overlay button

fontColor

string

[+]

Font color of the text rendered on the overlay button

bgColor

string

[+]

Background color of the overlay button

borderColor

string

[+]

Border color for the overlay button

}
}
dataObj (Deprecated) :{
id

string

[+]

ID of the overlay button

show

boolean

[+]

Visibility status of the overlay button (true if shown, false if not)

message

string

[+]

Text rendered on the overlay button

fontColor

string

[+]

Font color of the text rendered on the overlay button

bgColor

string

[+]

Background color of the overlay button

borderColor

string

[+]

Border color for the overlay button

}

loaded

Triggered when the chart has finished downloading itself in the client environment. It indicates that the all the resources required to render the chart are ready and that the chart can be drawn. This event can be used to hide any loader components that you might have on your page.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
type

string

[+]

Type of chart rendered

}
}
dataObj (Deprecated) :{
type

string

[+]

Type of chart rendered

}

rendered

Triggered when the chart completes drawing, after the render() or the chartType() method is called. The chart renders if the data provided is correct; otherwise, an error message from the list given here is rendered. A call to this event is made only once, even if new data may be supplied later. It can be used to invoke any further JavaScript methods on the chart or change chart data.

If chart animation is enabled, this event is triggered before the animation process. In case you need to perform any action after the animation has completed, you will need to add an appropriate time delay in this event handler, using setTimeout.

The default animation duration is 1000ms (one second). The animation duration can be customized using the animationDuration chart attribute.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

}

animationInvoked

Triggered when the animation is started in the chart.

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
duration

number

[+]

Specifies the animation duration is milliseconds(ms).

}
}

beforedraw

Triggered when the chart is redrawn because of a data update, resize, change of chart message, or change of chart type.

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

}

drawComplete

Triggered when the chart draws for the first time or is redrawn because of a data update, resize, change of chart message, or change of chart type.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
drawCount

number

[+]

Number of times the chart is drawn/redrawn

width

number or percent

[+]

Chart width, in pixels or percentage

height

number or percent

[+]

Chart height, in pixels or percentage

displayingMessage

boolean

}
}
dataObj (Deprecated) :{
drawCount

number

[+]

Number of times the chart is drawn/redrawn

width

number or percent

[+]

Chart width, in pixels or percentage

height

number or percent

[+]

Chart height, in pixels or percentage

displayingMessage

boolean

}

drawcancelled

Triggered when event.preventDefault() is called from FusionCharts#event:beforeDraw.

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

}

renderComplete

Triggered every time a chart is rendered using the render() method, the chartType() method, or the setChartData() method. It is also triggered every time chart data is successfully updated, which triggers a re-render internally.

The difference between this event and the rendered event is that the rendered event is triggered only when the .render() method is called.

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
width

number

[+]

Chart width

height

number

[+]

Chart height

drawCount

number

[+]

Number of times the chart is drawn/redrawn

displayingMessage

boolean

[+]

Boolean attribute indicating whether a message is configured for the chart

}
}
dataObj (Deprecated) :{
width

number

[+]

Chart width

height

number

[+]

Chart height

drawCount

number

[+]

Number of times the chart is drawn/redrawn

displayingMessage

boolean

[+]

Boolean attribute indicating whether a message is configured for the chart

}

dataInvalid

Triggered when there is no chart data or data with parsing or fetching (from the server) errors is submitted to the chart.

Maps, real-time charts, and some gauges do not require initial data to begin with. In that case, this event is not triggered.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
error

object

[+]

Error object passed to the event for debugging the JavaScript errors encountered

}
}
dataObj (Deprecated) :{
error

object

[+]

Error object passed to the event for debugging the JavaScript errors encountered

}

dataXMLInvalid (Deprecated)

Triggered if the chart data (passed to the chart object either by URL or as a string) is not in a usable format.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

}

dataLoaded

Triggered when the data for a chart (passed by url or as a string) is loaded to the chart object. It ensures that the data passed is valid and the chart can be rendered.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

}

noDataToDisplay

Triggered when no data is passed to the chart. It can be used to show an error message or take a corrective measure.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

}

legendPointerDragStart

Triggered when the user starts dragging the legend pointer of a gradient legend, in the heatmap chart and maps.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
pointerIndex

number

[+]

Index of the pointer dragged (0 for the starting pointer and 1 for the ending pointer)

pointers

object

[+]

Object containing the start and end value of the scale

legendPointerWidth

number or percent

[+]

Width, in pixels or percentage, of the pointer dragged

legendPointerHeight

number or percent

[+]

Height, in pixels or percentage, of the pointer dragged

}
}
dataObj (Deprecated) :{
pointerIndex

number

[+]

Index of the pointer dragged (0 for the starting pointer and 1 for the ending pointer)

pointers

object

[+]

Object containing the start and end value of the scale

legendPointerWidth

number or percent

[+]

Width, in pixels or percentage, of the pointer dragged

legendPointerHeight

number or percent

[+]

Height, in pixels or percentage, of the pointer dragged

}

legendPointerDragStop

Triggered when the user completes dragging the legend pointer of a gradient legend, in the heatmap chart and maps.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
pointerIndex

number

[+]

Index of the pointer dragged (0 for the starting pointer and 1 for the ending pointer)

pointers

object

[+]

Object containing the start and end value of the scale

legendPointerWidth

number or percent

[+]

Width, in pixels or percentage, of the pointer dragged

legendPointerHeight

number or percent

[+]

Height, in pixels or percentage, of the pointer dragged

}
}
dataObj (Deprecated) :{
pointerIndex

number

[+]

Index of the pointer dragged (0 for the starting pointer and 1 for the ending pointer)

pointers

object

[+]

Object containing the start and end value of the scale

legendPointerWidth

number or percent

[+]

Width, in pixels or percentage, of the pointer dragged

legendPointerHeight

number or percent

[+]

Height, in pixels or percentage, of the pointer dragged

}

legendRangeUpdated

Triggered when the range of a gradient legend, in the heat map chart and maps, is updated by dragging the legend pointers.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
previousMinValue

number

[+]

Previous minimum value of the scale

previousMaxValue

number

[+]

Previous maximum value of the scale

minValue

number

[+]

Updated minimum value of the scale

maxValue

number

[+]

Updated maximum value of the scale

}
}
dataObj (Deprecated) :{
previousMinValue

number

[+]

Previous minimum value of the scale

previousMaxValue

number

[+]

Previous maximum value of the scale

minValue

number

[+]

Updated minimum value of the scale

maxValue

number

[+]

Updated maximum value of the scale

}

alertComplete

Triggered when an alert, notifying the user that a real-time data value has crossed a pre-defined data threshold, is complete.

The alertObj object is available only when the event is defined at chart level.

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

}
alertObj :{
alertValue

number

[+]

Data value for which the event has been raised

alertMaxValue

number

[+]

Maximum value of the range (of data values) for which the event will be raised

alertMinValue

number

[+]

Minimum value of the range (of data values) for which the event will be raised

}

Example

//An Example of the JSON structure for alert
 var my-chart-data = {
        'chart': {
            'palette': '4',
            'lowerlimit': '-50',
            'upperlimit': '10',
            'numbersuffix': '° C'
            },
            'value': '-40',
            'alerts': {
            'alert': [
                {
                    'minvalue': '5',
                    'maxvalue': '9',
                    'action': 'callJS',
                    'param': 'alert('Value between 5 and 9');'
                },
                {
                    'maxvalue': '10',
                    'action': 'showAnnotation',
                    'param': 'statusRed',
                    'occuronce': '0'
                    }
            ]
        }
  };
//Once this structure is defined for the chart data, the `addEventListener` can be used to
//listen to the `alertComplete` event .

//Creating a thermometer chart.
FusionCharts.addEventListener('ready', function () {
    var chart = new FusionCharts({
        id: 'thermometer'
        type: 'thermometer',
        renderAt: 'chart-container-div',
        //The JSON as given above
        dataSource: 'my-chart-data',
        dataFormat: 'jsonurl'
        }),
        alertCount;

    //rendering the chart to the div.
    chart.render();

    //Listening to the alertComplete event
    chart.addEventListener('alertcomplete', function(){
        alertCount++;
    });

    //Feeding data to trigger an alert.
    chart.feedData(10);
});
//Refer to <a href='http://docs.fusioncharts.com/widgets/'>http://docs.fusioncharts.com/widgets/</a> for further infomation on alerts.

realTimeUpdateError

Triggered every time there is an error in updating chart data in real-time, using the dataStreamURL attribute.

.Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
source

string

[+]

Source of the data load request, presently set to xmlHttpRequest

URL

string

[+]

URL of the data source

xmlHttpRequestObject

object

[+]

Object that fetches the data

httpStatus

string

[+]

HTTP status number when the error was encountered. For example, the status number will be 404 for URL not found.

}
}
dataObj (Deprecated) :{
source

number

[+]

Source of the data load request, presently set to xmlHttpRequest

URL

string

[+]

URL of the data source

xmlHttpRequestObject

object

[+]

Object that fetches the data

httpStatus

string

[+]

HTTP status number when the error was encountered. For example, the status number will be 404 for URL not found.

}

dataplotRollOver

Triggered when the mouse pointer is rolled over a data plot.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

id

string

[+]

Data ID

Applicable on the:

  • Drag-node Chart.
  • Angular Gauge.
  • Horizontal Linear Gauge.
dataIndex

number

[+]

Index of the data plot, in the order of its definition in the source data

datasetIndex

number

[+]

Index of the dataset that the data plot belongs to, in the order of its definition in the source data

datasetName

string

[+]

Name of the dataset that the data plot belongs to

link

string

[+]

URL to which the user will be redirected, if the data plot is clicked

toolText

string

[+]

Text displayed when the mouse pointer is hovered over the data plot

value

number

[+]

Value assigned to the data plot that triggered this event

dataValue

number

[+]

Value assigned to the data plot that triggered this event

categoryLabel

string

[+]

x-axis label corresponding to the data plot that triggered this event

displayValue

number

[+]

Formatted value (for decimal places, suffixes, and so on) displayed for the data plot that triggered this event

x

number

[+]

x-coordinate of the data plot

Applicable to the:

  • Bubble Chart.
  • Drag-node chart.
  • Candlestick.
y

number

[+]

y-coordinate of the data plot

Applicable to the bubble chart and drag-node chart.

z

number

[+]

z-coordinate of the data plot

Applicable to the bubble chart.

shape

string

[+]

Shape of the data plot

Applicable to the drag-node chart.

width

number

[+]

Width of the data plot

Applicable to the drag-node chart.

height

number

[+]

Height of the data plot

Applicable to the drag-node chart.

radius

number

[+]

Radius of the data plot

Applicable to the drag-node chart.

sides

number

[+]

Number of sides the data plot shape has

Applicable to the drag-node chart.

label

string

[+]

Label text of the data plot

Applicable to the drag-node chart.

sourceType

string

[+]

Type of element that triggered the event

Applicable to the drag-node chart.

isSliced

boolean

[+]

true if the pie/doughnut slice (in the pie/doughnut chart) was sliced before the event was triggered

Applicable to the pie and doughnut charts.

color

hex color code

[+]

Sets the color of the plot.

Applicable on the:

  • Column chart and its variants.
  • Line chart and its variants.
  • Area Chart and its variants.
  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • Bubble Chart.
  • MultiLevel Pie Chart.
  • Sunburst Chart.
  • Candlestick Chart.
  • Heatmap Chart.
  • Funnel Chart.
  • Pyramid Chart.
  • Horizontal Linear Gauge.
  • Bulb.
  • Drag Node Chart.
  • Sankey Diagram.
alpha

number

[+]

Sets the transparency of the plot.

Applicable on the:

  • Column chart and its variants.
  • Line chart and its variants. Area Chart and its variants.
  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • Bubble Chart.
  • MultiLevel Pie Chart.
  • Sunburst Chart.
  • Candlestick Chart.
  • Heatmap Chart.
  • Funnel Chart.
  • Pyramid Chart.
  • Drag Node Chart.
  • Sankey Diagram.
borderColor

hex color code

[+]

Sets the color of the plot border.

Applicable on the:

  • Column chart and its variants.
  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • MultiLevel Pie Chart.
  • Sunburst Chart.
  • Candlestick Chart.
  • Angular Gauge.
  • Funnel Chart.
  • Pyramid Chart.
  • Horizontal Linear Gauge.
borderAlpha

number

[+]

Sets the transparency of the plot border.

Applicable on the:

  • Column chart and its variants.
  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • MultiLevel Pie Chart.
  • Sunburst Chart.
  • Angular Gauge.
  • Funnel Chart.
  • Pyramid Chart.
  • Horizontal Linear Gauge.
borderThickness

number

[+]

Sets the thickness of the plot border.

Applicable on the:

  • Column chart and its variants.
  • MultiLevel Pie Chart.
  • Sunburst Chart.
  • Angular Gauge.
  • Horizontal Linear Gauge.
borderDashed

boolean

[+]

Makes the plot border dashed.

Applicable on the Column chart and its variants.

gradientColor

hex color code

[+]

Sets the color gradient of the plot.

Applicable on the Column chart and its variants.

hoverColor

hex color code

[+]

Sets the color of the plot when it is hovered over.

Applicable on the: -Column chart and its variants.

  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • Scatter chart and its variants.
  • Bubble Chart.
  • Funnel Chart.
  • Pyramid Chart.
  • Drag Node Chart.
hoverAlpha

number

[+]

Sets the transparency of the plot when it is hovered over.

Applicable on the:

  • Column chart and its variants.
  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • Scatter chart and its variants.
  • Bubble Chart.
  • Funnel Chart.
  • Pyramid Chart.
  • Drag Node Chart.
hoverScale

number

[+]

Sets the scale for enlargement of a plot when hovered over.

Applicable on the Bubble Charts

borderHoverColor

hex color code

[+]

Sets the color of the plot border when it is hovered over.

Applicable on the:

  • Column chart and its variants.
  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • Funnel Chart.
  • Pyramid Chart.
  • Drag Node Chart.
borderHoverAlpha

number

[+]

Sets the transparency of the plot border when it is hovered over.

Applicable on the:

  • Column chart and its variants.
  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • Funnel Chart.
  • Pyramid Chart.
  • Drag Node Chart.
borderHoverThickness

number

[+]

Sets the thickness of the plot border when it is hovered over.

Applicable on the:

  • Funnel Chart.
  • Pyramid Chart.
  • Drag Node Chart.
anchorBgColor

hex color code

[+]

Sets the background color of an anchor.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorBgAlpha

number

[+]

Sets the background transparency of an anchor.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorAlpha

number

[+]

Sets the transparency of an anchor.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorBorderColor

hex color code

[+]

Sets the color of the anchor border.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorBorderThickness

number

[+]

Sets the thickness of the anchor border.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorRadius

number

[+]

Sets the radius of an anchor.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorSides

number

[+]

Sets the number of sides of an anchor.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorStartAngle

number

[+]

Sets the starting angle of an anchor.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorHoverColor

hex color code

[+]

Sets the color of an anchor when it is hovered over.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorHoverAlpha

number

[+]

Sets the transparency of an anchor when it is hovered over.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorHoverSides

number

[+]

Sets the number of sides an anchor has when it is hovered over.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
dashed

boolean

[+]

Makes the plot border dashed.

Applicable on the:

  • Line & Area chart and their variants.
  • Candlestick Chart.
valuePosition

string

[+]

Adjusts vertical alignment of data values with respect to data plots.

Applicable on the Line & Area chart and their variants.

showLabel

boolean

[+]

Displays or hides data labels.

Applicable on the:

  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • MultiLevel Pie Chart.
  • Sunburst Chart.
showValue

boolean

[+]

Displays or hides data values.

Applicable on the:

  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • Scatter chart and its variants.
  • Heatmap Chart.
  • BoxAndWhisker Chart.
  • Angular Gauge.
  • Funnel Chart.
  • Pyramid Chart.
  • Horizontal & Vertical Bullet Graph.
  • Horizontal Linear Gauge.
labelFont

string

[+]

Sets the font of the label of a plot slice.

Applicable on the Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.

labelFontColor

hex color code

[+]

Sets the font color of the label of a plot slice.

Applicable on the Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.

labelLink

string

[+]

Links a label to a target object.

Applicable on the Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.

labelPosition

string

[+]

Sets the position of a plot label.

Applicable on the Pie2D & Doughnut2D chart.

is3dOnHover

boolean

[+]

Makes a data plot 3D when hovered over.

Applicable on the Bubble Charts

use3DLighting

boolean

[+]

Applies 3D lighting on a data plot when hovered over.

Applicable on the Bubble Charts

fillColor

hex color code

[+]

Sets the fill color of a data plot.

Applicable on the Treemap.

fontColor

hex color code

[+]

Sets the font color of a label text.

Applicable on the Treemap.

showPlotBorder

boolean

[+]

Show or hide a plot border.

Applicable on the:

  • MultiLevel Pie Chart.
  • Sunburst Chart.
  • Horizontal & Vertical Bullet Graph.
open

boolean

[+]

Sets the opening price for a set.

Applicable on the Candlestick Chart.

close

boolean

[+]

Sets the closing price for a set.

Applicable on the Candlestick Chart.

high

string

[+]

Sets the high price for a set.

Applicable on the Candlestick Chart.

low

string

[+]

Sets the low price for a set.

Applicable on the Candlestick Chart.

volume

number

[+]

Sets the volume of transaction.

Applicable on the Candlestick Chart.

colorRangeLabel

string

[+]

Sets the color range labels in hex code.

Applicable on the Heatmap Chart.

upperBoxColor

hex color code

[+]

Sets the color of the upper quartile box.

Applicable on the BoxAndWhisker Chart.

upperBoxAlpha

number

[+]

Sets the transparency of the upper quartile box.

Applicable on the BoxAndWhisker Chart.

lowerBoxColor

hex color code

[+]

Sets the color of the lower quartile box.

Applicable on the BoxAndWhisker Chart.

lowerBoxAlpha

number

[+]

Sets the transparency of the lower quartile box.

Applicable on the BoxAndWhisker Chart.

upperQuartileColor

hex color code

[+]

Sets the color of the upper quartile line.

Applicable on the BoxAndWhisker Chart.

upperQuartileThickness

number

[+]

Sets the thickness of the upper quartile line.

Applicable on the BoxAndWhisker Chart.

upperQuartileAlpha

number

[+]

Sets the transparency of the upper quartile line.

Applicable on the BoxAndWhisker Chart.

lowerQuartileColor

hex color code

[+]

Sets the color of the lower quartile line.

Applicable on the BoxAndWhisker Chart.

lowerQuartileThickness

number

[+]

Sets the thickness of the lower quartile line.

Applicable on the BoxAndWhisker Chart.

lowerQuartileAlpha

number

[+]

Sets the transparency of the lower quartile line.

Applicable on the BoxAndWhisker Chart.

upperBoxBorderColor

hex color code

[+]

Sets the color of the upper quartile box border.

Applicable on the BoxAndWhisker Chart.

upperBoxBorderThickness

number

[+]

Sets the thickness of the upper quartile box border.

Applicable on the BoxAndWhisker Chart.

upperBoxBorderAlpha

number

[+]

Sets the transparency of the upper quartile box border.

Applicable on the BoxAndWhisker Chart.

lowerBoxBorderColor

hex color code

[+]

Sets the color of the lower quartile box border.

Applicable on the BoxAndWhisker Chart.

lowerBoxBorderThickness

number

[+]

Sets the thickness of the lower quartile box border.

Applicable on the BoxAndWhisker Chart.

lowerBoxBorderAlpha

number

[+]

Sets the transparency of the lower quartile box border.

Applicable on the BoxAndWhisker Chart.

upperWhiskerColor

hex color code

[+]

Sets the color of the upper whisker.

Applicable on the BoxAndWhisker Chart.

upperWhiskerThickness

number

[+]

Sets the thickness of the upper whisker.

Applicable on the BoxAndWhisker Chart.

upperWhiskerAlpha

number

[+]

Sets the transparency of the upper whisker.

Applicable on the BoxAndWhisker Chart.

lowerWhiskerColor

hex color code

[+]

Sets the color of the lower whisker.

Applicable on the BoxAndWhisker Chart.

lowerWhiskerThickness

number

[+]

Sets the thickness of the lower whisker.

Applicable on the BoxAndWhisker Chart.

lowerWhiskerAlpha

number

[+]

Sets the transparency of the lower whisker.

Applicable on the BoxAndWhisker Chart.

outliers

string

[+]

Specifies values greater than the maximum value in the set of data provided.

Applicable on the BoxAndWhisker Chart.

baseWidth

number

[+]

Width of the bottom part of the dial (the part connected to pivot).

Applicable on the Angular Gauge.

bgColor

hex color code

[+]

Sets the background color for the chart.

Applicable on the:

  • Angular Gauge.
  • Gantt Chart.
bgAlpha

hex color code

[+]

Sets the background transparency for the chart.

Applicable on the:

  • Horizontal Linear Gauge.
  • Gantt Chart.
editMode

boolean

[+]

Make a dial editable.

Applicable on the:

  • Angular Gauge.
  • Horizontal Linear Gauge.
rearExtension

string

[+]

Extends the dial beyond the pivot.

Applicable on the Angular Gauge.

topWidth

number

[+]

Set the width of the top part of the dial.

Applicable on the Angular Gauge.

valueX

number

[+]

Sets the X-coordinate for the value textbox.

Applicable on the Angular Gauge.

valueY

number

[+]

Sets the Y-coordinate for the value textbox.

Applicable on the Angular Gauge.

baseRadius

number

[+]

Sets the radius of the vertices of the pivot end of the dial.

Applicable on the Angular Gauge.

plotAsDot

boolean

[+]

Plots the value as dot or bar.

Applicable on the Horizontal & Vertical Bullet Graph.

plotFillPercent

boolean

[+]

Sets the width percentage of the color range that the plot fill bar should occupy.

Applicable on the Horizontal & Vertical Bullet Graph.

plotFillColor

hex color code

[+]

Sets the fill color of the plot bar.

Applicable on the Horizontal & Vertical Bullet Graph.

plotFillAlpha

number

[+]

Sets the transparency of the plot bar.

Applicable on the Horizontal & Vertical Bullet Graph.

plotBorderColor

hex color code

[+]

Sets the color of the plot border.

Applicable on the Horizontal & Vertical Bullet Graph.

plotBorderThickness

number

[+]

Sets the thickness of the plot border.

Applicable on the Horizontal & Vertical Bullet Graph.

plotBorderAlpha

number

[+]

Sets the transparency of the plot border.

Applicable on the Horizontal & Vertical Bullet Graph.

target

number

[+]

Sets a target line for the bullet.

Applicable on the Horizontal & Vertical Bullet Graph.

targetColor

hex color code

[+]

Sets the color of the target line.

Applicable on the Horizontal & Vertical Bullet Graph.

targetThickness

number

[+]

Sets the thickness of the target line.

Applicable on the Horizontal & Vertical Bullet Graph.

targetFillPercent

boolean

[+]

Sets the width percentage of the color range that the target fill bar should occupy.

Applicable on the Horizontal & Vertical Bullet Graph.

targetCapStyle

string

[+]

Specifies the shape for the ends of the target line.

Applicable on the Horizontal & Vertical Bullet Graph.

thmBulbRadius

number

[+]

Sets the thermometer bulb radius.

Applicable on the Thermometer Gauge.

thmHeight

number

[+]

Sets the thermometer scale height.

Applicable on the Thermometer Gauge.

thmfillcolor

hex color code

[+]

Sets the thermometer fill color.

Applicable on the Thermometer Gauge.

thmGlassColor

hex color code

[+]

Sets the glass color of the thermometer.

Applicable on the Thermometer Gauge.

gaugeFillColor

hex color code

[+]

Sets the fill color of the thermometer gauge.

Applicable on the Thermometer Gauge.

gaugeFillAlpha

number

[+]

Sets the transparency of the thermometer gauge.

Applicable on the Thermometer Gauge.

showGaugeBorder

number

[+]

Shows the border of the thermometer gauge.

Applicable on the Thermometer Gauge.

gaugeBorderColor

hex color code

[+]

Sets the border color of the thermometer gauge.

Applicable on the Thermometer Gauge.

gaugeBorderThickness

number

[+]

Sets the thickness of the border of the thermometer gauge.

Applicable on the Thermometer Gauge.

gaugeBorderAlpha

number

[+]

Sets the transparency of the border of the thermometer gauge.

Applicable on the Thermometer Gauge.

cylOriginX

number

[+]

Sets the origin X-coordinate for the cylinder.

Applicable on the Cylinder Gauge.

cylOriginY

number

[+]

Sets the origin Y-coordinate for the cylinder.

Applicable on the Cylinder Gauge.

cylRadius

number

[+]

Sets the radius of the cylinder gauge.

Applicable on the Cylinder Gauge.

cylHeight

number

[+]

Sets the height of the cylinder gauge.

Applicable on the Cylinder Gauge.

cylYScale

number

[+]

Sets the scale of the cylinder gauge.

Applicable on the Cylinder Gauge.

cylFillColor

hex color code

[+]

Sets the fill color of the cylinder gauge.

Applicable on the Cylinder Gauge.

cylGlassColor

hex color code

[+]

Sets the glass color of the cylinder gauge.

Applicable on the Cylinder Gauge.

font

string

[+]

Sets the font face of a label text.

Applicable on the Gantt Chart.

fontSize

number

[+]

Sets the font size of a label text.

Applicable on the Gantt Chart.

align

string

[+]

Sets the alignment of a label text.

Applicable on the Gantt Chart.

allowDrag

boolean

[+]

Enables or disables dragging.

Applicable on the Drag Node Chart.

numSides

number

[+]

Defines the number of sides when node shape is set as polygon.

Applicable on the Drag Node Chart.

imageNode

string

[+]

Assigns a GIF/JPG/PNG image to a node.

Applicable on the Drag Node Chart.

imageAlign

number

[+]

Sets the alignment of the GIF/JPG/PNG image assigned to a node.

Applicable on the Drag Node Chart.

imageWidth

number

[+]

Sets the width of the GIF/JPG/PNG image assigned to a node.

Applicable on the Drag Node Chart.

imageHeight

number

[+]

Sets the height of the GIF/JPG/PNG image assigned to a node.

Applicable on the Drag Node Chart.

labelAlign

number

[+]

Sets the vertical alignment of the label in a node.

Applicable on the Drag Node Chart.

hoverHeight

number

[+]

Sets the height of a node when hovered over.

Applicable on the Drag Node Chart.

hoverWidth

number

[+]

Sets the width of a node when hovered over.

Applicable on the Drag Node Chart.

hoverRadius

number

[+]

Sets the radius of a node when hovered over.

Applicable on the Drag Node Chart.

sourceLinks

string

[+]

This parameter accepts an array of strings, which indicates the links that start from the clicked node.

Applicable to the Sankey Diagram.

targetLinks

string

[+]

This parameter accepts an array of strings, which indicates the links that end at the clicked node.

Applicable to the Sankey Diagram.

nodeId

string

[+]

This parameter accepts the ID of the node, on which the event is fired.

Applicable to the Sunburst Chart.

nodeParentId

string

[+]

This parameter accepts the ID of the parent of the node, on which the event is fired.

Applicable to the Sunburst Chart.

childrenCount

string

[+]

This parameter accepts the number of children of the node, on which the event is fired.

Applicable to the Sunburst Chart.

}
}

dataplotRollOut

Triggered when the mouse pointer is rolled out from over a data plot.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

id

string

[+]

Data ID (applicable only to the drag-node chart)

dataIndex

number

[+]

Index of the data plot, in the order of its definition in the source data

datasetIndex

number

[+]

Index of the dataset that the data plot belongs to, in the order of its definition in the source data

datasetName

string

[+]

Name of the dataset that the data plot belongs to

link

string

[+]

URL, if configured, to which the user will be redirected

toolText

string

[+]

Text displayed when the mouse pointer is hovered over the data plot

value

number

[+]

Value assigned to the data plot that triggered this event

dataValue

number

[+]

Value assigned to the data plot that triggered this event

categoryLabel

string

[+]

x-axis label corresponding to the data plot that triggered this event

displayValue

number

[+]

Formatted value (for decimal places, suffixes, and so on) displayed for the data plot that triggered this event

x

number

[+]

x-coordinate of the data plot

Applicable to the bubble chart and drag-node chart.

y

number

[+]

y-coordinate of the data plot

Applicable to the bubble chart and drag-node chart.

z

number

[+]

z-coordinate of the data plot

Applicable to the bubble chart.

shape

string

[+]

Shape of the data plot

Applicable to the drag-node chart.

width

number

[+]

Width of the data plot

Applicable to the drag-node chart.

height

number

[+]

Height of the data plot

Applicable to the drag-node chart.

radius

number

[+]

Radius of the data plot

Applicable to the drag-node chart.

sides

number

[+]

Number of sides the data plot shape has

Applicable to the drag-node chart.

label

string

[+]

Label text of the data plot

Applicable to the drag-node chart.

sourceType

string

[+]

Type of element that triggered the event

Applicable to the drag-node chart.

isSliced

boolean

[+]

true if the pie/doughnut slice (in a pie/doughnut chart) was sliced before the event was triggered

Applicable to the pie and doughnut charts.

color

hex color code

[+]

Sets the color of the plot.

Applicable on the:

  • Column chart and its variants.
  • Line chart and its variants.
  • Area Chart and its variants.
  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • Bubble Chart.
  • MultiLevel Pie Chart.
  • Sunburst Chart.
  • Candlestick Chart.
  • Heatmap Chart.
  • Funnel Chart.
  • Pyramid Chart.
  • Horizontal Linear Gauge.
  • Bulb.
  • Drag Node Chart.
  • Sankey Diagram.
alpha

number

[+]

Sets the transparency of the plot.

Applicable on the:

  • Column chart and its variants.
  • Line chart and its variants. Area Chart and its variants.
  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • Bubble Chart.
  • MultiLevel Pie Chart.
  • Sunburst Chart.
  • Candlestick Chart.
  • Heatmap Chart.
  • Funnel Chart.
  • Pyramid Chart.
  • Drag Node Chart.
  • Sankey Diagram.
borderColor

hex color code

[+]

Sets the color of the plot border.

Applicable on the:

  • Column chart and its variants.
  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • MultiLevel Pie Chart.
  • Sunburst Chart.
  • Candlestick Chart.
  • Angular Gauge.
  • Funnel Chart.
  • Pyramid Chart.
  • Horizontal Linear Gauge.
borderAlpha

number

[+]

Sets the transparency of the plot border.

Applicable on the:

  • Column chart and its variants.
  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • MultiLevel Pie Chart.
  • Sunburst Chart.
  • Angular Gauge.
  • Funnel Chart.
  • Pyramid Chart.
  • Horizontal Linear Gauge.
borderThickness

number

[+]

Sets the thickness of the plot border.

Applicable on the:

  • Column chart and its variants.
  • MultiLevel Pie Chart.
  • Sunburst Chart.
  • Angular Gauge.
  • Horizontal Linear Gauge.
borderDashed

boolean

[+]

Makes the plot border dashed.

Applicable on the Column chart and its variants.

gradientColor

hex color code

[+]

Sets the color gradient of the plot.

Applicable on the Column chart and its variants.

hoverColor

hex color code

[+]

Sets the color of the plot when it is hovered over.

Applicable on the: -Column chart and its variants.

  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • Scatter chart and its variants.
  • Bubble Chart.
  • Funnel Chart.
  • Pyramid Chart.
  • Drag Node Chart.
hoverAlpha

number

[+]

Sets the transparency of the plot when it is hovered over.

Applicable on the:

  • Column chart and its variants.
  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • Scatter chart and its variants.
  • Bubble Chart.
  • Funnel Chart.
  • Pyramid Chart.
  • Drag Node Chart.
hoverScale

number

[+]

Sets the scale for enlargement of a plot when hovered over.

Applicable on the Bubble Charts

borderHoverColor

hex color code

[+]

Sets the color of the plot border when it is hovered over.

Applicable on the:

  • Column chart and its variants.
  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • Funnel Chart.
  • Pyramid Chart.
  • Drag Node Chart.
borderHoverAlpha

number

[+]

Sets the transparency of the plot border when it is hovered over.

Applicable on the:

  • Column chart and its variants.
  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • Funnel Chart.
  • Pyramid Chart.
  • Drag Node Chart.
borderHoverThickness

number

[+]

Sets the thickness of the plot border when it is hovered over.

Applicable on the:

  • Funnel Chart.
  • Pyramid Chart.
  • Drag Node Chart.
anchorBgColor

hex color code

[+]

Sets the background color of an anchor.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorBgAlpha

number

[+]

Sets the background transparency of an anchor.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorAlpha

number

[+]

Sets the transparency of an anchor.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorBorderColor

hex color code

[+]

Sets the color of the anchor border.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorBorderThickness

number

[+]

Sets the thickness of the anchor border.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorRadius

number

[+]

Sets the radius of an anchor.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorSides

number

[+]

Sets the number of sides of an anchor.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorStartAngle

number

[+]

Sets the starting angle of an anchor.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorHoverColor

hex color code

[+]

Sets the color of an anchor when it is hovered over.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorHoverAlpha

number

[+]

Sets the transparency of an anchor when it is hovered over.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorHoverSides

number

[+]

Sets the number of sides an anchor has when it is hovered over.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
dashed

boolean

[+]

Makes the plot border dashed.

Applicable on the:

  • Line & Area chart and their variants.
  • Candlestick Chart.
valuePosition

string

[+]

Adjusts vertical alignment of data values with respect to data plots.

Applicable on the Line & Area chart and their variants.

showLabel

boolean

[+]

Displays or hides data labels.

Applicable on the:

  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • MultiLevel Pie Chart.
  • Sunburst Chart.
showValue

boolean

[+]

Displays or hides data values.

Applicable on the:

  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • Scatter chart and its variants.
  • Heatmap Chart.
  • BoxAndWhisker Chart.
  • Angular Gauge.
  • Funnel Chart.
  • Pyramid Chart.
  • Horizontal & Vertical Bullet Graph.
  • Horizontal Linear Gauge.
labelFont

string

[+]

Sets the font of the label of a plot slice.

Applicable on the Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.

labelFontColor

hex color code

[+]

Sets the font color of the label of a plot slice.

Applicable on the Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.

labelLink

string

[+]

Links a label to a target object.

Applicable on the Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.

labelPosition

string

[+]

Sets the position of a plot label.

Applicable on the Pie2D & Doughnut2D chart.

is3dOnHover

boolean

[+]

Makes a data plot 3D when hovered over.

Applicable on the Bubble Charts

use3DLighting

boolean

[+]

Applies 3D lighting on a data plot when hovered over.

Applicable on the Bubble Charts

fillColor

hex color code

[+]

Sets the fill color of a data plot.

Applicable on the Treemap.

fontColor

hex color code

[+]

Sets the font color of a label text.

Applicable on the Treemap.

showPlotBorder

boolean

[+]

Show or hide a plot border.

Applicable on the:

  • MultiLevel Pie Chart.
  • Sunburst Chart.
  • Horizontal & Vertical Bullet Graph.
open

boolean

[+]

Sets the opening price for a set.

Applicable on the Candlestick Chart.

close

boolean

[+]

Sets the closing price for a set.

Applicable on the Candlestick Chart.

high

string

[+]

Sets the high price for a set.

Applicable on the Candlestick Chart.

low

string

[+]

Sets the low price for a set.

Applicable on the Candlestick Chart.

volume

number

[+]

Sets the volume of transaction.

Applicable on the Candlestick Chart.

colorRangeLabel

string

[+]

Sets the color range labels in hex code.

Applicable on the Heatmap Chart.

upperBoxColor

hex color code

[+]

Sets the color of the upper quartile box.

Applicable on the BoxAndWhisker Chart.

upperBoxAlpha

number

[+]

Sets the transparency of the upper quartile box.

Applicable on the BoxAndWhisker Chart.

lowerBoxColor

hex color code

[+]

Sets the color of the lower quartile box.

Applicable on the BoxAndWhisker Chart.

lowerBoxAlpha

number

[+]

Sets the transparency of the lower quartile box.

Applicable on the BoxAndWhisker Chart.

upperQuartileColor

hex color code

[+]

Sets the color of the upper quartile line.

Applicable on the BoxAndWhisker Chart.

upperQuartileThickness

number

[+]

Sets the thickness of the upper quartile line.

Applicable on the BoxAndWhisker Chart.

upperQuartileAlpha

number

[+]

Sets the transparency of the upper quartile line.

Applicable on the BoxAndWhisker Chart.

lowerQuartileColor

hex color code

[+]

Sets the color of the lower quartile line.

Applicable on the BoxAndWhisker Chart.

lowerQuartileThickness

number

[+]

Sets the thickness of the lower quartile line.

Applicable on the BoxAndWhisker Chart.

lowerQuartileAlpha

number

[+]

Sets the transparency of the lower quartile line.

Applicable on the BoxAndWhisker Chart.

upperBoxBorderColor

hex color code

[+]

Sets the color of the upper quartile box border.

Applicable on the BoxAndWhisker Chart.

upperBoxBorderThickness

number

[+]

Sets the thickness of the upper quartile box border.

Applicable on the BoxAndWhisker Chart.

upperBoxBorderAlpha

number

[+]

Sets the transparency of the upper quartile box border.

Applicable on the BoxAndWhisker Chart.

lowerBoxBorderColor

hex color code

[+]

Sets the color of the lower quartile box border.

Applicable on the BoxAndWhisker Chart.

lowerBoxBorderThickness

number

[+]

Sets the thickness of the lower quartile box border.

Applicable on the BoxAndWhisker Chart.

lowerBoxBorderAlpha

number

[+]

Sets the transparency of the lower quartile box border.

Applicable on the BoxAndWhisker Chart.

upperWhiskerColor

hex color code

[+]

Sets the color of the upper whisker.

Applicable on the BoxAndWhisker Chart.

upperWhiskerThickness

number

[+]

Sets the thickness of the upper whisker.

Applicable on the BoxAndWhisker Chart.

upperWhiskerAlpha

number

[+]

Sets the transparency of the upper whisker.

Applicable on the BoxAndWhisker Chart.

lowerWhiskerColor

hex color code

[+]

Sets the color of the lower whisker.

Applicable on the BoxAndWhisker Chart.

lowerWhiskerThickness

number

[+]

Sets the thickness of the lower whisker.

Applicable on the BoxAndWhisker Chart.

lowerWhiskerAlpha

number

[+]

Sets the transparency of the lower whisker.

Applicable on the BoxAndWhisker Chart.

outliers

string

[+]

Specifies values greater than the maximum value in the set of data provided.

Applicable on the BoxAndWhisker Chart.

baseWidth

number

[+]

Width of the bottom part of the dial (the part connected to pivot).

Applicable on the Angular Gauge.

bgColor

hex color code

[+]

Sets the background color for the chart.

Applicable on the:

  • Angular Gauge.
  • Gantt Chart.
bgAlpha

hex color code

[+]

Sets the background transparency for the chart.

Applicable on the:

  • Horizontal Linear Gauge.
  • Gantt Chart.
editMode

boolean

[+]

Make a dial editable.

Applicable on the:

  • Angular Gauge.
  • Horizontal Linear Gauge.
rearExtension

string

[+]

Extends the dial beyond the pivot.

Applicable on the Angular Gauge.

topWidth

number

[+]

Set the width of the top part of the dial.

Applicable on the Angular Gauge.

valueX

number

[+]

Sets the X-coordinate for the value textbox.

Applicable on the Angular Gauge.

valueY

number

[+]

Sets the Y-coordinate for the value textbox.

Applicable on the Angular Gauge.

baseRadius

number

[+]

Sets the radius of the vertices of the pivot end of the dial.

Applicable on the Angular Gauge.

plotAsDot

boolean

[+]

Plots the value as dot or bar.

Applicable on the Horizontal & Vertical Bullet Graph.

plotFillPercent

boolean

[+]

Sets the width percentage of the color range that the plot fill bar should occupy.

Applicable on the Horizontal & Vertical Bullet Graph.

plotFillColor

hex color code

[+]

Sets the fill color of the plot bar.

Applicable on the Horizontal & Vertical Bullet Graph.

plotFillAlpha

number

[+]

Sets the transparency of the plot bar.

Applicable on the Horizontal & Vertical Bullet Graph.

plotBorderColor

hex color code

[+]

Sets the color of the plot border.

Applicable on the Horizontal & Vertical Bullet Graph.

plotBorderThickness

number

[+]

Sets the thickness of the plot border.

Applicable on the Horizontal & Vertical Bullet Graph.

plotBorderAlpha

number

[+]

Sets the transparency of the plot border.

Applicable on the Horizontal & Vertical Bullet Graph.

target

number

[+]

Sets a target line for the bullet.

Applicable on the Horizontal & Vertical Bullet Graph.

targetColor

hex color code

[+]

Sets the color of the target line.

Applicable on the Horizontal & Vertical Bullet Graph.

targetThickness

number

[+]

Sets the thickness of the target line.

Applicable on the Horizontal & Vertical Bullet Graph.

targetFillPercent

boolean

[+]

Sets the width percentage of the color range that the target fill bar should occupy.

Applicable on the Horizontal & Vertical Bullet Graph.

targetCapStyle

string

[+]

Specifies the shape for the ends of the target line.

Applicable on the Horizontal & Vertical Bullet Graph.

thmBulbRadius

number

[+]

Sets the thermometer bulb radius.

Applicable on the Thermometer Gauge.

thmHeight

number

[+]

Sets the thermometer scale height.

Applicable on the Thermometer Gauge.

thmfillcolor

hex color code

[+]

Sets the thermometer fill color.

Applicable on the Thermometer Gauge.

thmGlassColor

hex color code

[+]

Sets the glass color of the thermometer.

Applicable on the Thermometer Gauge.

gaugeFillColor

hex color code

[+]

Sets the fill color of the thermometer gauge.

Applicable on the Thermometer Gauge.

gaugeFillAlpha

number

[+]

Sets the transparency of the thermometer gauge.

Applicable on the Thermometer Gauge.

showGaugeBorder

number

[+]

Shows the border of the thermometer gauge.

Applicable on the Thermometer Gauge.

gaugeBorderColor

hex color code

[+]

Sets the border color of the thermometer gauge.

Applicable on the Thermometer Gauge.

gaugeBorderThickness

number

[+]

Sets the thickness of the border of the thermometer gauge.

Applicable on the Thermometer Gauge.

gaugeBorderAlpha

number

[+]

Sets the transparency of the border of the thermometer gauge.

Applicable on the Thermometer Gauge.

cylOriginX

number

[+]

Sets the origin X-coordinate for the cylinder.

Applicable on the Cylinder Gauge.

cylOriginY

number

[+]

Sets the origin Y-coordinate for the cylinder.

Applicable on the Cylinder Gauge.

cylRadius

number

[+]

Sets the radius of the cylinder gauge.

Applicable on the Cylinder Gauge.

cylHeight

number

[+]

Sets the height of the cylinder gauge.

Applicable on the Cylinder Gauge.

cylYScale

number

[+]

Sets the scale of the cylinder gauge.

Applicable on the Cylinder Gauge.

cylFillColor

hex color code

[+]

Sets the fill color of the cylinder gauge.

Applicable on the Cylinder Gauge.

cylGlassColor

hex color code

[+]

Sets the glass color of the cylinder gauge.

Applicable on the Cylinder Gauge.

font

string

[+]

Sets the font face of a label text.

Applicable on the Gantt Chart.

fontSize

number

[+]

Sets the font size of a label text.

Applicable on the Gantt Chart.

align

string

[+]

Sets the alignment of a label text.

Applicable on the Gantt Chart.

allowDrag

boolean

[+]

Enables or disables dragging.

Applicable on the Drag Node Chart.

numSides

number

[+]

Defines the number of sides when node shape is set as polygon.

Applicable on the Drag Node Chart.

imageNode

string

[+]

Assigns a GIF/JPG/PNG image to a node.

Applicable on the Drag Node Chart.

imageAlign

number

[+]

Sets the alignment of the GIF/JPG/PNG image assigned to a node.

Applicable on the Drag Node Chart.

imageWidth

number

[+]

Sets the width of the GIF/JPG/PNG image assigned to a node.

Applicable on the Drag Node Chart.

imageHeight

number

[+]

Sets the height of the GIF/JPG/PNG image assigned to a node.

Applicable on the Drag Node Chart.

labelAlign

number

[+]

Sets the vertical alignment of the label in a node.

Applicable on the Drag Node Chart.

hoverHeight

number

[+]

Sets the height of a node when hovered over.

Applicable on the Drag Node Chart.

hoverWidth

number

[+]

Sets the width of a node when hovered over.

Applicable on the Drag Node Chart.

hoverRadius

number

[+]

Sets the radius of a node when hovered over.

Applicable on the Drag Node Chart.

sourceLinks

string

[+]

This parameter accepts an array of strings, which indicates the links that start from the clicked node.

Applicable to the Sankey Diagram.

targetLinks

string

[+]

This parameter accepts an array of strings, which indicates the links that end at the clicked node.

Applicable to the Sankey Diagram.

nodeId

string

[+]

This parameter accepts the ID of the node, on which the event is fired.

Applicable to the Sunburst Chart.

nodeParentId

string

[+]

This parameter accepts the ID of the parent of the node, on which the event is fired.

Applicable to the Sunburst Chart.

childrenCount

string

[+]

This parameter accepts the number of children of the node, on which the event is fired.

Applicable to the Sunburst Chart.

}
}

dataplotClick

Triggered when a data plot is clicked.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
chartX

number

[+]

x-coordinate of the pointer, relative to the chart

chartY

number

[+]

y-coordinate of the pointer, relative to the chart

pageX

number

[+]

x-coordinate of the pointer, relative to the page

pageY

number

[+]

y-coordinate of the pointer, relative to the page

id

string

[+]

Data ID (applicable only to the drag-node chart)

dataIndex

number

[+]

Index of the data plot, in the order of its definition in the source data

datasetIndex

number

[+]

Index of the dataset that the data plot belongs to, in the order of its definition in the source data

datasetName

string

[+]

Name of the dataset that the data plot belongs to

link

string

[+]

URL to which the user will be redirected, if the data plot is clicked

toolText

string

[+]

Text displayed when the mouse pointer is hovered over the data plot

value

number

[+]

Value assigned to the data plot that triggered this event

dataValue

number

[+]

Value assigned to the data plot that triggered this event

categoryLabel

string

[+]

x-axis label corresponding to the data plot that triggered this event

displayValue

number

[+]

Formatted value (for decimal places, suffixes, and so on) displayed for the data plot that triggered this event

x

number

[+]

x-coordinate of the data plot

Applicable to the bubble chart and drag-node chart.

y

number

[+]

y-coordinate of the data plot

Applicable to the bubble chart and drag-node chart.

z

number

[+]

z-coordinate of the data plot

Applicable to the bubble chart.

shape

string

[+]

Shape of the data plot

Applicable to the drag-node chart.

width

number

[+]

Width of the data plot

Applicable to the drag-node chart.

height

number

[+]

Height of the data plot

Applicable to the drag-node chart.

radius

number

[+]

Radius of the data plot

Applicable to the drag-node chart.

sides

number

[+]

Number of sides the data plot shape has

Applicable to the drag-node chart.

label

string

[+]

Label text of the data plot

Applicable to the drag-node chart.

sourceType

string

[+]

Type of element that triggered the event

Applicable to the drag-node chart.

isSliced

boolean

[+]

true if the pie/doughnut slice (in a pie/doughnut chart) was sliced before the event was triggered

Applicable to the pie and doughnut charts.

color

hex color code

[+]

Sets the color of the plot.

Applicable on the:

  • Column chart and its variants.
  • Line chart and its variants.
  • Area Chart and its variants.
  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • Bubble Chart.
  • MultiLevel Pie Chart.
  • Sunburst Chart.
  • Candlestick Chart.
  • Heatmap Chart.
  • Funnel Chart.
  • Pyramid Chart.
  • Horizontal Linear Gauge.
  • Bulb.
  • Drag Node Chart.
  • Sankey Diagram.
alpha

number

[+]

Sets the transparency of the plot.

Applicable on the:

  • Column chart and its variants.
  • Line chart and its variants. Area Chart and its variants.
  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • Bubble Chart.
  • MultiLevel Pie Chart.
  • Sunburst Chart.
  • Candlestick Chart.
  • Heatmap Chart.
  • Funnel Chart.
  • Pyramid Chart.
  • Drag Node Chart.
  • Sankey Diagram.
borderColor

hex color code

[+]

Sets the color of the plot border.

Applicable on the:

  • Column chart and its variants.
  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • MultiLevel Pie Chart.
  • Sunburst Chart.
  • Candlestick Chart.
  • Angular Gauge.
  • Funnel Chart.
  • Pyramid Chart.
  • Horizontal Linear Gauge.
borderAlpha

number

[+]

Sets the transparency of the plot border.

Applicable on the:

  • Column chart and its variants.
  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • MultiLevel Pie Chart.
  • Sunburst Chart.
  • Angular Gauge.
  • Funnel Chart.
  • Pyramid Chart.
  • Horizontal Linear Gauge.
borderThickness

number

[+]

Sets the thickness of the plot border.

Applicable on the:

  • Column chart and its variants.
  • MultiLevel Pie Chart.
  • Sunburst Chart.
  • Angular Gauge.
  • Horizontal Linear Gauge.
borderDashed

boolean

[+]

Makes the plot border dashed.

Applicable on the Column chart and its variants.

gradientColor

hex color code

[+]

Sets the color gradient of the plot.

Applicable on the Column chart and its variants.

hoverColor

hex color code

[+]

Sets the color of the plot when it is hovered over.

Applicable on the: -Column chart and its variants.

  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • Scatter chart and its variants.
  • Bubble Chart.
  • Funnel Chart.
  • Pyramid Chart.
  • Drag Node Chart.
hoverAlpha

number

[+]

Sets the transparency of the plot when it is hovered over.

Applicable on the:

  • Column chart and its variants.
  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • Scatter chart and its variants.
  • Bubble Chart.
  • Funnel Chart.
  • Pyramid Chart.
  • Drag Node Chart.
hoverScale

number

[+]

Sets the scale for enlargement of a plot when hovered over.

Applicable on the Bubble Charts

borderHoverColor

hex color code

[+]

Sets the color of the plot border when it is hovered over.

Applicable on the:

  • Column chart and its variants.
  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • Funnel Chart.
  • Pyramid Chart.
  • Drag Node Chart.
borderHoverAlpha

number

[+]

Sets the transparency of the plot border when it is hovered over.

Applicable on the:

  • Column chart and its variants.
  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • Funnel Chart.
  • Pyramid Chart.
  • Drag Node Chart.
borderHoverThickness

number

[+]

Sets the thickness of the plot border when it is hovered over.

Applicable on the:

  • Funnel Chart.
  • Pyramid Chart.
  • Drag Node Chart.
anchorBgColor

hex color code

[+]

Sets the background color of an anchor.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorBgAlpha

number

[+]

Sets the background transparency of an anchor.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorAlpha

number

[+]

Sets the transparency of an anchor.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorBorderColor

hex color code

[+]

Sets the color of the anchor border.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorBorderThickness

number

[+]

Sets the thickness of the anchor border.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorRadius

number

[+]

Sets the radius of an anchor.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorSides

number

[+]

Sets the number of sides of an anchor.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorStartAngle

number

[+]

Sets the starting angle of an anchor.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorHoverColor

hex color code

[+]

Sets the color of an anchor when it is hovered over.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorHoverAlpha

number

[+]

Sets the transparency of an anchor when it is hovered over.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
anchorHoverSides

number

[+]

Sets the number of sides an anchor has when it is hovered over.

Applicable on the:

  • Line & Area chart and their variants.
  • Scatter chart and its variants.
dashed

boolean

[+]

Makes the plot border dashed.

Applicable on the:

  • Line & Area chart and their variants.
  • Candlestick Chart.
valuePosition

string

[+]

Adjusts vertical alignment of data values with respect to data plots.

Applicable on the Line & Area chart and their variants.

showLabel

boolean

[+]

Displays or hides data labels.

Applicable on the:

  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • MultiLevel Pie Chart.
  • Sunburst Chart.
showValue

boolean

[+]

Displays or hides data values.

Applicable on the:

  • Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.
  • Scatter chart and its variants.
  • Heatmap Chart.
  • BoxAndWhisker Chart.
  • Angular Gauge.
  • Funnel Chart.
  • Pyramid Chart.
  • Horizontal & Vertical Bullet Graph.
  • Horizontal Linear Gauge.
labelFont

string

[+]

Sets the font of the label of a plot slice.

Applicable on the Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.

labelFontColor

hex color code

[+]

Sets the font color of the label of a plot slice.

Applicable on the Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.

labelLink

string

[+]

Links a label to a target object.

Applicable on the Pie2D, Pie3D & Doughnut2D, Doughnut3D charts.

labelPosition

string

[+]

Sets the position of a plot label.

Applicable on the Pie2D & Doughnut2D chart.

is3dOnHover

boolean

[+]

Makes a data plot 3D when hovered over.

Applicable on the Bubble Charts

use3DLighting

boolean

[+]

Applies 3D lighting on a data plot when hovered over.

Applicable on the Bubble Charts

fillColor

hex color code

[+]

Sets the fill color of a data plot.

Applicable on the Treemap.

fontColor

hex color code

[+]

Sets the font color of a label text.

Applicable on the Treemap.

showPlotBorder

boolean

[+]

Show or hide a plot border.

Applicable on the:

  • MultiLevel Pie Chart.
  • Sunburst Chart.
  • Horizontal & Vertical Bullet Graph.
open

boolean

[+]

Sets the opening price for a set.

Applicable on the Candlestick Chart.

close

boolean

[+]

Sets the closing price for a set.

Applicable on the Candlestick Chart.

high

string

[+]

Sets the high price for a set.

Applicable on the Candlestick Chart.

low

string

[+]

Sets the low price for a set.

Applicable on the Candlestick Chart.

volume

number

[+]

Sets the volume of transaction.

Applicable on the Candlestick Chart.

colorRangeLabel

string

[+]

Sets the color range labels in hex code.

Applicable on the Heatmap Chart.

upperBoxColor

hex color code

[+]

Sets the color of the upper quartile box.

Applicable on the BoxAndWhisker Chart.

upperBoxAlpha

number

[+]

Sets the transparency of the upper quartile box.

Applicable on the BoxAndWhisker Chart.

lowerBoxColor

hex color code

[+]

Sets the color of the lower quartile box.

Applicable on the BoxAndWhisker Chart.

lowerBoxAlpha

number

[+]

Sets the transparency of the lower quartile box.

Applicable on the BoxAndWhisker Chart.

upperQuartileColor

hex color code

[+]

Sets the color of the upper quartile line.

Applicable on the BoxAndWhisker Chart.

upperQuartileThickness

number

[+]

Sets the thickness of the upper quartile line.

Applicable on the BoxAndWhisker Chart.

upperQuartileAlpha

number

[+]

Sets the transparency of the upper quartile line.

Applicable on the BoxAndWhisker Chart.

lowerQuartileColor

hex color code

[+]

Sets the color of the lower quartile line.

Applicable on the BoxAndWhisker Chart.

lowerQuartileThickness

number

[+]

Sets the thickness of the lower quartile line.

Applicable on the BoxAndWhisker Chart.

lowerQuartileAlpha

number

[+]

Sets the transparency of the lower quartile line.

Applicable on the BoxAndWhisker Chart.

upperBoxBorderColor

hex color code

[+]

Sets the color of the upper quartile box border.

Applicable on the BoxAndWhisker Chart.

upperBoxBorderThickness

number

[+]

Sets the thickness of the upper quartile box border.

Applicable on the BoxAndWhisker Chart.

upperBoxBorderAlpha

number

[+]

Sets the transparency of the upper quartile box border.

Applicable on the BoxAndWhisker Chart.

lowerBoxBorderColor

hex color code

[+]

Sets the color of the lower quartile box border.

Applicable on the BoxAndWhisker Chart.

lowerBoxBorderThickness

number

[+]

Sets the thickness of the lower quartile box border.

Applicable on the BoxAndWhisker Chart.

lowerBoxBorderAlpha

number

[+]

Sets the transparency of the lower quartile box border.

Applicable on the BoxAndWhisker Chart.

upperWhiskerColor

hex color code

[+]

Sets the color of the upper whisker.

Applicable on the BoxAndWhisker Chart.

upperWhiskerThickness

number

[+]

Sets the thickness of the upper whisker.

Applicable on the BoxAndWhisker Chart.

upperWhiskerAlpha

number

[+]

Sets the transparency of the upper whisker.

Applicable on the BoxAndWhisker Chart.

lowerWhiskerColor

hex color code

[+]

Sets the color of the lower whisker.

Applicable on the BoxAndWhisker Chart.

lowerWhiskerThickness

number

[+]

Sets the thickness of the lower whisker.

Applicable on the BoxAndWhisker Chart.

lowerWhiskerAlpha

number

[+]

Sets the transparency of the lower whisker.

Applicable on the BoxAndWhisker Chart.

outliers

string

[+]

Specifies values greater than the maximum value in the set of data provided.

Applicable on the BoxAndWhisker Chart.

baseWidth

number

[+]

Width of the bottom part of the dial (the part connected to pivot).

Applicable on the Angular Gauge.

bgColor

hex color code

[+]

Sets the background color for the chart.

Applicable on the:

  • Angular Gauge.
  • Gantt Chart.
bgAlpha

hex color code

[+]

Sets the background transparency for the chart.

Applicable on the:

  • Horizontal Linear Gauge.
  • Gantt Chart.
editMode

boolean

[+]

Make a dial editable.

Applicable on the:

  • Angular Gauge.
  • Horizontal Linear Gauge.
rearExtension

string

[+]

Extends the dial beyond the pivot.

Applicable on the Angular Gauge.

topWidth

number

[+]

Set the width of the top part of the dial.

Applicable on the Angular Gauge.

valueX

number

[+]

Sets the X-coordinate for the value textbox.

Applicable on the Angular Gauge.

valueY

number

[+]

Sets the Y-coordinate for the value textbox.

Applicable on the Angular Gauge.

baseRadius

number

[+]

Sets the radius of the vertices of the pivot end of the dial.

Applicable on the Angular Gauge.

plotAsDot

boolean

[+]

Plots the value as dot or bar.

Applicable on the Horizontal & Vertical Bullet Graph.

plotFillPercent

boolean

[+]

Sets the width percentage of the color range that the plot fill bar should occupy.

Applicable on the Horizontal & Vertical Bullet Graph.

plotFillColor

hex color code

[+]

Sets the fill color of the plot bar.

Applicable on the Horizontal & Vertical Bullet Graph.

plotFillAlpha

number

[+]

Sets the transparency of the plot bar.

Applicable on the Horizontal & Vertical Bullet Graph.

plotBorderColor

hex color code

[+]

Sets the color of the plot border.

Applicable on the Horizontal & Vertical Bullet Graph.

plotBorderThickness

number

[+]

Sets the thickness of the plot border.

Applicable on the Horizontal & Vertical Bullet Graph.

plotBorderAlpha

number

[+]

Sets the transparency of the plot border.

Applicable on the Horizontal & Vertical Bullet Graph.

target

number

[+]

Sets a target line for the bullet.

Applicable on the Horizontal & Vertical Bullet Graph.

targetColor

hex color code

[+]

Sets the color of the target line.

Applicable on the Horizontal & Vertical Bullet Graph.

targetThickness

number

[+]

Sets the thickness of the target line.

Applicable on the Horizontal & Vertical Bullet Graph.

targetFillPercent

boolean

[+]

Sets the width percentage of the color range that the target fill bar should occupy.

Applicable on the Horizontal & Vertical Bullet Graph.

targetCapStyle

string

[+]

Specifies the shape for the ends of the target line.

Applicable on the Horizontal & Vertical Bullet Graph.

thmBulbRadius

number

[+]

Sets the thermometer bulb radius.

Applicable on the Thermometer Gauge.

thmHeight

number

[+]

Sets the thermometer scale height.

Applicable on the Thermometer Gauge.

thmfillcolor

hex color code

[+]

Sets the thermometer fill color.

Applicable on the Thermometer Gauge.

thmGlassColor

hex color code

[+]

Sets the glass color of the thermometer.

Applicable on the Thermometer Gauge.

gaugeFillColor

hex color code

[+]

Sets the fill color of the thermometer gauge.

Applicable on the Thermometer Gauge.

gaugeFillAlpha

number

[+]

Sets the transparency of the thermometer gauge.

Applicable on the Thermometer Gauge.

showGaugeBorder

number

[+]

Shows the border of the thermometer gauge.

Applicable on the Thermometer Gauge.

gaugeBorderColor

hex color code

[+]

Sets the border color of the thermometer gauge.

Applicable on the Thermometer Gauge.

gaugeBorderThickness

number

[+]

Sets the thickness of the border of the thermometer gauge.

Applicable on the Thermometer Gauge.

gaugeBorderAlpha

number

[+]

Sets the transparency of the border of the thermometer gauge.

Applicable on the Thermometer Gauge.

cylOriginX

number

[+]

Sets the origin X-coordinate for the cylinder.

Applicable on the Cylinder Gauge.

cylOriginY

number

[+]

Sets the origin Y-coordinate for the cylinder.

Applicable on the Cylinder Gauge.

cylRadius

number

[+]

Sets the radius of the cylinder gauge.

Applicable on the Cylinder Gauge.

cylHeight

number

[+]

Sets the height of the cylinder gauge.

Applicable on the Cylinder Gauge.

cylYScale

number

[+]

Sets the scale of the cylinder gauge.

Applicable on the Cylinder Gauge.

cylFillColor

hex color code

[+]

Sets the fill color of the cylinder gauge.

Applicable on the Cylinder Gauge.

cylGlassColor

hex color code

[+]

Sets the glass color of the cylinder gauge.

Applicable on the Cylinder Gauge.

font

string

[+]

Sets the font face of a label text.

Applicable on the Gantt Chart.

fontSize

number

[+]

Sets the font size of a label text.

Applicable on the Gantt Chart.

align

string

[+]

Sets the alignment of a label text.

Applicable on the Gantt Chart.

allowDrag

boolean

[+]

Enables or disables dragging.

Applicable on the Drag Node Chart.

numSides

number

[+]

Defines the number of sides when node shape is set as polygon.

Applicable on the Drag Node Chart.

imageNode

string

[+]

Assigns a GIF/JPG/PNG image to a node.

Applicable on the Drag Node Chart.

imageAlign

number

[+]

Sets the alignment of the GIF/JPG/PNG image assigned to a node.

Applicable on the Drag Node Chart.

imageWidth

number

[+]

Sets the width of the GIF/JPG/PNG image assigned to a node.

Applicable on the Drag Node Chart.

imageHeight

number

[+]

Sets the height of the GIF/JPG/PNG image assigned to a node.

Applicable on the Drag Node Chart.

labelAlign

number

[+]

Sets the vertical alignment of the label in a node.

Applicable on the Drag Node Chart.

hoverHeight

number

[+]

Sets the height of a node when hovered over.

Applicable on the Drag Node Chart.

hoverWidth

number

[+]

Sets the width of a node when hovered over.

Applicable on the Drag Node Chart.

hoverRadius

number

[+]

Sets the radius of a node when hovered over.

Applicable on the Drag Node Chart.

sourceLinks

string

[+]

This parameter accepts an array of strings, which indicates the links that start from the clicked node.

Applicable to the Sankey Diagram.

targetLinks

string

[+]

This parameter accepts an array of strings, which indicates the links that end at the clicked node.

Applicable to the Sankey Diagram.

nodeId

string

[+]

This parameter accepts the ID of the node, on which the event is fired.

Applicable to the Sunburst Chart.

nodeParentId

string

[+]

This parameter accepts the ID of the parent of the node, on which the event is fired.

Applicable to the Sunburst Chart.

childrenCount

string

[+]

This parameter accepts the number of children of the node, on which the event is fired.

Applicable to the Sunburst Chart.

}
}

linkRollOver

Triggered when the mouse pointer is rolled over the.

Parameters

eventObj :{
data :{
value

number

[+]

Value assigned to the link that triggered this event

color

hex color code

[+]

Sets the color of the link.

Applicable only on Sankey Diagram.

alpha

number

[+]

Sets the transparency of the link.

Applicable only on Sankey Diagram.

from

string

[+]

This parameter accept strings, which indicates the node from which the clicked link begins.

Applicable only on Sankey Diagram.

to

string

[+]

This parameter accepts an array of strings, which indicates the node at which the clicked link ends.

Applicable only on Sankey Diagram.

}
}

linkRollOut

Triggered when the mouse pointer is rolled out from over a link.

Parameters

eventObj :{
data :{
value

number

[+]

Value assigned to the link that triggered this event

color

hex color code

[+]

Sets the color of the link.

Applicable only on Sankey Diagram.

alpha

number

[+]

Sets the transparency of the link.

Applicable only on Sankey Diagram.

from

string

[+]

This parameter accept strings, which indicates the node from which the clicked link begins.

Applicable only on Sankey Diagram.

to

string

[+]

This parameter accept strings, which indicates the node at which the clicked link ends.

Applicable only on Sankey Diagram.

}
}

linkClick

Triggered when a link is clicked.

Parameters

eventObj :{
data :{
value

number

[+]

Value assigned to the link that triggered this event

color

hex color code

[+]

Sets the color of the link.

Applicable only on Sankey Diagram.

alpha

number

[+]

Sets the transparency of the link.

Applicable only on Sankey Diagram.

from

string

[+]

This parameter accept strings, which indicates the node from which the clicked link begins.

Applicable only on Sankey Diagram.

to

string

[+]

This parameter accept strings, which indicates the node at which the clicked link ends.

Applicable only on Sankey Diagram.

}
}

linkClicked

Triggered when any chart element made clickable, by configuring a link, is clicked.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
linkProvided

string

[+]

Link containing the newchart-xml-id of the XML of the linked chart item

linkInvoked

string

[+]

Link containing the newchart-xml-id of the XML of the linked chart item

linkAction

string

[+]

Action that will take place when the link is clicked

}
}
dataObj (Deprecated) :{
linkProvided

string

[+]

Link containing the newchart-xml-id of the XML of the linked chart item

linkInvoked

string

[+]

Link containing the newchart-xml-id of the XML of the linked chart item

linkAction

string

[+]

Action that will take place when the link is clicked

}

beforeRender

Triggered before a chart is to be rendered. Calling the eventObject.preventDefault() method on this event will cancel the rendering process. The rendering process is triggered when the render() method is called on the chart instance.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
container

DOMElement

[+]

HTML DOM element within which the chart will be rendered

width

number

[+]

Chart width

height

number

[+]

Chart height

}
}
dataObj (Deprecated) :{
container

DOMElement

[+]

HTML DOM element within which the chart will be rendered

width

number

[+]

Chart width

height

number

[+]

Chart height

}

Example

// Listening using global events
FusionCharts.addEventListener('beforeRender', function (eventObj, argsObj) {
    // Prints id of the chart being rendered
    console.log("Chart with id " + eventObj.sender.id + " is about to be rendered.");
 });

// Pass event listener in the FusionCharts constructor
var mychart = new FusionCharts({
    "type": "column2d",
    "dataFormat": "json",
    "dataSource": {
         ...
    },
    // Attach event handlers
    "events": {
        // Attach to beforeRender
        "beforeRender": function (eventObj, argsObj) {
            console.log("Beginning render of " + eventObj.sender.id);
        }
    }
});

renderCancelled

Triggered when the default behavior of the beforeRender event is cancelled using the eventObj.preventDefault() method.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
container

DOMElement

[+]

DOM element used to render the chart

width

number

[+]

Chart width

height

number

[+]

Chart height

}
}
dataObj (Deprecated) :{
container

DOMElement

[+]

DOM element used to render the chart

width

number

[+]

Chart width

height

number

[+]

Chart height

}

Example

// Listening using global events
FusionCharts.addEventListener('renderCancelled', function (eventObj, argsObj) {
    // Prints id of the chart whose rendering was cancelled
    console.log("Rendering of chart with id " + eventObj.sender.id + " was cancelled.");
 });

// Pass event listener in the FusionCharts constructor
var mychart = new FusionCharts({
    "type": "column2d",
    "dataFormat": "json",
    "dataSource": {
         ...
    },
    // Attach event handlers
    "events": {
        // Attach to renderCancelled
        "renderCancelled": function (eventObj, argsObj) {
            console.log("Cancelled rendering of " + eventObj.sender.id);
        }
    }
});

beforeResize

Triggered before a chart is resized.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
currentWidth

number or percent

[+]

Chart width, before resize, in pixels or percentage

currentHeight

number or percent

[+]

Chart height, before resize, in pixels or percentage

newWidth

number or percent

[+]

Chart width, after resize, in pixels or percentage

newHeight

number or percent

[+]

Chart height, after resize, in pixels or percentage

}
}
dataObj (Deprecated) :{
currentWidth

number or percent

[+]

Chart width, before resize, in pixels or percentage

currentHeight

number or percent

[+]

Chart height, before resize, in pixels or percentage

newWidth

number or percent

[+]

Chart width, after resize, in pixels or percentage

newHeight

number or percent

[+]

Chart height, after resize, in pixels or percentage

}

resized

Triggered when a chart is resized either by calling the resizeTo() method or by changing dimensions of the chart container element, when the dimensions are in the percentage format.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
id

String

width

number or percent

[+]

Chart ID

height

number or percent

[+]

Chart height, after resize

prevWidth

number or percent

[+]

Chart width, before resize

prevHeight

number or percent

[+]

Chart height, before resize

originalWidth

number

[+]

Chart width, when the chart was first rendered

originalHeight

number

[+]

Chart height, when the chart was first rendered

pixelWidth

number

[+]

Width of the DOM element, in pixels, used to render the chart

pixelHeight

number

[+]

Height of the DOM element, in pixels, used to render the chart

}
}
dataObj (Deprecated) :{
width

number or percent

[+]

Chart width, after resize

height

number or percent

[+]

Chart height, after resize

prevWidth

number or percent

[+]

Chart width, before resize

prevHeight

number or percent

[+]

Chart height, before resize

originalWidth

number

[+]

Chart width, when the chart was first rendered

originalHeight

number

[+]

Chart height, when the chart was first rendered

pixelWidth

number

[+]

Width of the DOM element, in pixels, used to render the chart

pixelHeight

number

[+]

Height of the DOM element, in pixels, used to render the chart

}

resizeCancelled

Triggered when the eventObj.preventDefault() method is called from within the beforeResize event. This cancels the instructions received from the resizeTo() method.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
currentWidth

number or percent

[+]

Current chart width, in pixels or percentage

currentHeight

number or percent

[+]

Current chart height, in pixels or percentage

cancelledTargetWidth

number or percent

[+]

Chart width requested to be set but cancelled

cancelledTargetHeight

number or percent

[+]

Chart height requested to be set but cancelled

}
}
dataObj (Deprecated) :{
currentWidth

number or percent

[+]

Current chart width, in pixels or percentage

currentHeight

number or percent

[+]

Current chart height, in pixels or percentage

cancelledTargetWidth

number or percent

[+]

Chart width requested to be set but cancelled

cancelledTargetHeight

number or percent

[+]

Chart height requested to be set but cancelled

}

beforeDispose

Triggered before a chart is deleted and cleaned from memory.

Usually, this event is triggered by the dispose() method. It is internally raised when an already rendered chart is re-rendered or a child chart in LinkedCharts is closed.

Unused charts should be disposed to avoid memory-leaks within an application or dashboard.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

}

disposed

Triggered when a chart is deleted and cleaned from memory.

Usually, this event is triggered by the dispose() method. It is internally raised when an already rendered chart is re-rendered or a child chart in LinkedCharts is closed.

Unused charts should be disposed to avoid memory-leaks within an application or dashboard.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

}

disposeCancelled

Triggered when the default behaviour of the beforeDispose event is cancelled using the eventObj.preventDefault() method.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

}

linkedChartInvoked

Triggered just before a linked chart is rendered (before the rendered event is triggered for the linked chart), after the parent link is clicked.

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
alias

string

[+]

Chart alias

linkType

string

[+]

Data format used for the link

data

object

[+]

Object containing the chart data

}
}
dataObj (Deprecated) :{
alias

string

[+]

Chart alias

linkType

string

[+]

Data format used for the link

data

object

[+]

Object containing the chart data

}

beforeDrillDown

Triggered just before the treemap chart is rendered when it is drilled down to a child node

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
node

Object

[+]

The node clicked

withoutHead

Boolean

[+]

Indicates whether the showParent attribute is enabled or not

}
}
dataObj (Deprecated) :{
node

Object

[+]

The node clicked

withoutHead

Boolean

[+]

Indicates whether the showParent attribute is enabled or not

}

drillDown

Triggered just after the treemap chart is rendered when it is drilled down to a child node

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
node

Object

[+]

The node clicked

withoutHead

Boolean

[+]

Indicates whether the showParent attribute is enabled or not

drillUp

function

[+]

Function to drill up to the immediate parent node

drillUpToTop

function

[+]

Function to drill up to the root node

}
}
dataObj (Deprecated) :{
node

Object

[+]

The node clicked

sender

Object

[+]

Instance of the FusionCharts object that fired this event

withoutHead

Boolean

[+]

Indicates whether the showParent attribute is enabled or not

drillUp

function

[+]

Function to drill up to the immediate parent node

drillUpToTop

function

[+]

Function to drill up to the root node

}

beforeDrillUp

Triggered just before the treemap chart is rendered when it is drilled up to the immediate parent or the root node

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
node

Object

[+]

The node clicked

withoutHead

Boolean

[+]

Indicates whether the showParent attribute is enabled or not

}
}
dataObj (Deprecated) :{
node

Object

[+]

The node clicked

withoutHead

Boolean

[+]

Indicates whether the showParent attribute is enabled or not

}

drillUp

Triggered just after the treemap chart is rendered when it is drilled up to the immediate parent or the root node

Try It Yourself!

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
node

Object

[+]

The node clicked

sender

Object

[+]

Instance of the FusionCharts object that fired this event

withoutHead

Boolean

[+]

Indicates whether the showParent attribute is enabled or not

drillUp

function

[+]

Function to drill up to the immediate parent node

drillUpToTop

function

[+]

Function to drill up to the root node

}
}
dataObj (Deprecated) :{
node

Object

[+]

The node clicked

sender

Object

[+]

Instance of the FusionCharts object that fired this event

withoutHead

Boolean

[+]

Indicates whether the showParent attribute is enabled or not

drillUp

function

[+]

Function to drill up to the immediate parent node

drillUpToTop

function

[+]

Function to drill up to the root node

}

drillDownCancelled

Triggered when the beforeDrillDown is interrupted (by the stopPropagation() method)

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
node

Object

[+]

The node clicked

withoutHead

Boolean

[+]

Indicates whether the showParent attribute is enabled or not

}
}
dataObj (Deprecated) :{
node

Object

[+]

The node clicked

withoutHead

Boolean

[+]

Indicates whether the showParent attribute is enabled or not

}

drillUpCancelled

Triggered when the beforeDrillUp is interrupted (by the stopPropagation() method)

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
node

Object

[+]

The node clicked

withoutHead

Boolean

[+]

Indicates whether the showParent attribute is enabled or not

}
}
dataObj (Deprecated) :{
node

Object

[+]

The node clicked

withoutHead

Boolean

[+]

Indicates whether the showParent attribute is enabled or not

}

onChangeCrossLine

Triggered after you hide the crossline at runtime when the chart plots are not hovered. This event is fired when the mouse is placed outside the chart canvas.

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

data :{
currentIndex

Number

[+]

The index in which the crossline is present.

lastIndex

Number

[+]

The index in which the crossline was present previously.

source

String

[+]

Mouse interaction is the only source in case of crossline.

}
}
dataObj (Deprecated) :{
node

Object

[+]

The node clicked

withoutHead

Boolean

[+]

Indicates whether the showParent attribute is enabled or not

}

containerNotFound

Triggered if the container is either not found or not provided after invoking render API.

Parameters

eventObj :{
eventType

string

[+]

Type (name) of the event triggered

eventId

number

[+]

Unique ID associated with the event. Internally, it is an incrementing counter that can also be used to verify the order in which the event was triggered.

sender

FusionCharts

[+]

Instance of the FusionCharts object that fired this event. Events that are fired by the framework (and not by individual charts) have the framework as this property.

cancelled

boolean

[+]

Boolean attribute that indicates whether an event's propagation was cancelled; set to true when eventObj.stopPropagation() is called.

stopPropagation

function

[+]

Function called from within a listener to prevent subsequent listeners from being executed.

defaultPrevented

boolean

[+]

Boolean attribute that indicates whether the default action of the event was prevented; set to true when eventObj.preventDefault() is called.

preventDefault

function

[+]

Function to prevent the default action of an event. For example, if the eventObj.preventDefault() function is called for the beforeResize event, the chart will not be resized and the resizeCancelled event will be triggered.

detached

boolean

[+]

Boolean attribute that indicates whether a listener has been detached and will no longer be executed; set to true when eventObj.detachHandler() is called

detachHandler

function

[+]

Function to allow the listener to remove itself rather than being called externally by the removeEventListener() method. It is useful for one-time event listening or for special situations when the event is no longer required to be listened when it has been triggered with a specific condition.

}