EaxBubbleChartView.DataChanged

Syntax

DataChanged: function (sender, args);

Parameters

sender. Event source.

args. Event information. Available arguments: Data - array of bubble chart settings as JSON objects that have the Name and Value fields.

Description

The DataChanged event occurs after changing data of express report bubble chart.

Example

Executing the example requires that the HTML page contains the ExpressBox component named expressBox (see Example of Creating the ExpressBox Component) and have a loaded bubble chart in the data area. Handle the DataChanged event showing changed value of express report bubble chart legend position:

// Get express report bubble chart wizard
var master = expressBox.getPropertyBarView().getBubbleChartMaster();
// Get express report bubble chart view
var bubbleChartView = master.getDataView();
// Handle the DataChanged event
bubbleChartView.DataChanged.add(function (sender, args) {    
    var items = args.Data;
    for (var i in items) {    
        var item = items[i];
        if (item.Name == "chartmaster.legendpanel.legendposition") {
            console.log("Bubble chart legend position: " + item.Value);
        }
    }
    console.log(args);  
});

Execute this example and manually change position of the express report bubble chart legend on the Legend panel. After executing the example the browser console displays value of new legend position (in this case the legend is positioned at the bottom right corner):

Bubble chart legend position: Bottom&Right