Time for action — set up the JavaScript debug mode to output in a browser console

1. 1. Create a copy of ManipulateCosmetics.html in the JavaScriptCapabilities folder and name it as UsingJSDebugMode.html.

2. 2. Open this file in a text editor, and within the<script> tag we were previously working on, insert the following code:

   FusionCharts.debugMode.enabled(true);
   FusionCharts.debugMode.outputTo(function (message) {
   console.log(message);
   });
   

3. 3. Open this HTML file in a browser and open the JavaScript debug console (usually by pressing the F12 key on your keyboard.) You will see a series of information pertaining to the chart. The following screenshot displays how the console will appear in Google Chrome:

What just happened?

Immediately after including the FusionCharts.js script file, we enabled the debug mode using the code FusionCharts.debugMode.enabled(true). This does not start displaying the messages yet. To actually see the message, we specified the message output location by creating...