<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.powercharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<!-- This sample shows the event parameters, and their values, when dataSubmitCancelled event is triggered-->
<div id="indicatorDiv">Event name: <b> dataSubmitCancelled </b>
<br>
<br>Triggered when the default behavior of the beforeDataSubmit event is cancelled by calling the eventObj. preventDefault() method.</br>
<br>All events, when triggered, will provide two parameters for the handler - eventObj (object containing information generic to all events) and dataObj (object containing information specific to an event)</br>
<br>Update the drag-node chart (add, update, or delete any of the chart elements) and click <b> Save </b>. This triggers the beforeDataSubmit event, which calls the eventObj.preventDefault() method. This, in turn, triggers the dataSubmitCancelled event. </br> <br> Scroll down to the table rendered below the chart to view information contained in the dataObj object. To view information contained in the eventObj object, open the console.</br>
</br>
</div>
<div id="chart-container">FusionCharts will render here</div>
<div>
<div>
<div id="header">
<div class="parameter-name">Parameter Name</div>
<div class="parameter-value">Parameter Value</div>
</div>
<div id="attrs-table"></div>
</div>
</div>