EaxChartView.DataChanged

Syntax

DataChanged: function (sender, args);

Parameters

sender. Event source.

args. Event information. Available arguments - object of the PP.Mb.Ui.PropertyChangedEventArgs class containing the following properties: PropertyName - property name as an element of the PP.Exp.Ui.ControlType enumeration, Metadata - express report chart settings (Data - indicates whether chart data is changed, DrawData - array of data edited by means of drawing, PointIndex - point index, SeriesIndex - series index, Value - new value), TypeUpdateData - updated data type that is set by means of the PP.Exp.Ui.ViewTypeUpdate enumeration.

Description

The DataChanged event occurs after changing data of express report 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 chart in working area of the express report. Handle the DataChanged event:

// Get view of the express report chart
var chartView = expressBox.getDataView().getChartView();
// Set handler for the DataChanged event
chartView.DataChanged.add(function (sender, args) {
    var metadata = args.getMetadata();
    console.log("Series index: " + metadata.SerieIndex);
    console.log("New value: " + metadata.Value);
});

Execute this example, next edit the chart data. Click the Enable Editing in the edit tab, and select the By Points option. Then select a random column and extend it.

After these operations are performed, the browser console displays index of the series whose data has been changed, and new point value:

Series index: 9
New value: 718232044.2