<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.charts.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 exportCancelled event is triggered-->
<div id="indicatorDiv">Event name: <b> exportCancelled </b>
<br>
<br>Triggered when the default behavior of the beforeExport 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> Click the <b> Export Chart </b> button, in the top-right corner of the chart (<i> you may have to increase the width of the Result pane to access the button </i>). From the menu, <b> select the format </b> in which the chart has to be exported. </br> <br> This triggers the beforeExport event, which calles the eventObj.preventDefault() method. This, in turn, triggers the exportCancelled 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 id="exportMessage"></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>