{"id":2625,"date":"2012-03-21T17:34:42","date_gmt":"2012-03-21T12:04:42","guid":{"rendered":"http:\/\/blog.fusioncharts.com\/?p=2625"},"modified":"2026-07-09T12:53:18","modified_gmt":"2026-07-09T07:23:18","slug":"debugging-javascript-charts-with-fusioncharts-xt-part-5","status":"publish","type":"post","link":"https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5","title":{"rendered":"Debug JavaScript Charts with FusionCharts Part Five"},"content":{"rendered":"<p>In the 5th and final part of the FusionCharts in PHP series, we will learn how to debug our charts. Debugging helps us know what happens behind the scenes while rendering a chart. With the FusionCharts JavaScript Debug Mode, we can generate a complete log of the internal events, as well as any errors that crop up. Since the <a href=\"https:\/\/www.fusioncharts.com\/\" target=\"_blank\" rel=\"noopener\"><strong>JavaScript charts<\/strong><\/a> are rendered only by the browser, the debug logs will be available in the browser&#8217;s Console Log. Let us begin debugging!<br \/>\n<!--more--><\/p>\n<blockquote>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\"><p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<\/div><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5\/#FusionCharts_in_PHP_Series\" >FusionCharts in PHP Series<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5\/#Understanding_Debug_Messages\" >Understanding Debug Messages<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5\/#FusionCharts_JavaScript_Debug_Mode\" >FusionCharts JavaScript Debug Mode<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5\/#Using_Advanced_Error_and_Warning_Events\" >Using Advanced Error and Warning Events<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5\/#Concluding_the_series\" >Concluding the series<\/a><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"FusionCharts_in_PHP_Series\"><\/span>FusionCharts in PHP Series<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li><a href=\"https:\/\/fusioncharts.com\/blog\/javascript-charts-in-php-using-fusioncharts-xt-part-1\/\" target=\"_blank\" rel=\"noopener\">Part 1 &#8211; JavaScript charts in PHP using FusionCharts<\/a><\/li>\n<li><a href=\"https:\/\/fusioncharts.com\/blog\/javascript-charts-using-php-and-mysql-with-fusioncharts-xt-part-2\/\" target=\"_blank\" rel=\"noopener\">Part 2 &#8211; JavaScript charts in PHP and MySQL using FusionCharts<\/a><\/li>\n<li><a href=\"https:\/\/fusioncharts.com\/blog\/drill-down-javascript-charts-in-php-and-mysql-part-3\/\" target=\"_blank\" rel=\"noopener\">Part 3 &#8211; Drill-down JavaScript charts in PHP and MySQL<\/a><\/li>\n<li><a href=\"https:\/\/fusioncharts.com\/blog\/javascript-linkedcharts-in-php-and-mysql-using-fusioncharts-xt\/\" target=\"_blank\" rel=\"noopener\">Part 4 &#8211; JavaScript LinkedCharts in PHP and MySQL<\/a><\/li>\n<li><a href=\"https:\/\/fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5\/\">Part 5 &#8211; Using Debugging Tools for JavaScript Charts<\/a><\/li>\n<\/ul>\n<\/blockquote>\n<p>We will understand the debugging process in three sections:<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Understanding_Debug_Messages\"><\/span>Understanding Debug Messages<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>To aid you in basic debugging, the charts show certain messages when something goes wrong. These messages will show up in place of the chart:<\/p>\n<ul>\n<li><strong>Error in Loading Data<\/strong>:\n<ul>\n<li>Check if you&#8217;ve actually provided <a href=\"https:\/\/support.fusioncharts.com\/support\/solutions\/articles\/13000003458\" target=\"_blank\" rel=\"noopener\">Data URL or Data String<\/a>. If you do not provide either, FusionCharts looks for a default data file in the same path. Now, if that is also not found, it shows the &#8220;Error in Loading Data&#8221; error.<\/li>\n<li>If you&#8217;re using Data URL method, paste this URL in your browser to check if it&#8217;s returning a valid JSON\/XML. Make sure, there are no scripting or time-out errors and a valid JSON\/XML is being returned. Also make sure that the JSON\/XML isn&#8217;t intermingled with HTML content. The data provider page should return a clean JSON\/XML only &#8211; not even HTML <code><\/code> or <code><\/code> tags.<\/li>\n<li>Make sure you&#8217;re passing relative URLs for Data URL, and not absolute URLs.<\/li>\n<\/ul>\n<\/li>\n<li><strong>Invalid XML Data<\/strong>:<br \/>\nIf you get an <code>Invalid XML Data<\/code> message, it means that the XML data document is malformed. Check it for common errors like:<\/p>\n<ul>\n<li>Differences in case of tags. e.g.,  should end with\u00a0<code><\/code> and not <code><\/code> or <code><\/code><\/li>\n<li>Missing opening\/closing quotation marks for any attributes.<\/li>\n<li>Missing closing tag for any element.<\/li>\n<li>In Data String method, check for conflict of <code>'<\/code> (XML Attribute Character) and <code>\"<\/code> (HTML Parameter Character). e.g., if you&#8217;re using direct HTML embedding method, and using <code>\"<\/code> for HTML parameters, then you need to make sure that all your XML attributes use <code>'<\/code> as containers.<\/li>\n<li>If you&#8217;ve quotes as part of your data, XML Encode them to <code>'<\/code><\/li>\n<\/ul>\n<\/li>\n<li><strong>No data to display<\/strong>:\n<ul>\n<li>Your XML data doesn&#8217;t contain any data that could be plotted by FusionCharts. In this case, your XML just contains the tags without any data between them.<\/li>\n<li>You might be using a single-series chart and providing data in multi-series format or vice-versa.<\/li>\n<li>In some Dual Y Combination charts, you need to provide at least one dataset for both the axes.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"FusionCharts_JavaScript_Debug_Mode\"><\/span>FusionCharts JavaScript Debug Mode<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><a href=\"https:\/\/www.fusioncharts.com\/dev\/api\/fusioncharts\/namespaces\/debugger\" target=\"_blank\" rel=\"noopener\">FusionCharts JavaScript Debugger<\/a> provides a very developer-friendly way of debugging the charts.<br \/>\nIt enables you to log <em>all<\/em> the events that take place in the lifetime of a chart. All you need to write is:<\/p>\n<pre class=\"lang:javascript\">\/\/ &lt; ![CDATA[\r\n\/\/ <\/pre>\n<p>However, with the above line alone you will not be able to see any logs. To see the output, log it to the browser&#8217;s console by adding the following line:<\/p>\n<pre class=\"lang:javascript\">FusionCharts.debugMode.outputTo( function() { console.log(arguments); } );\r\n<\/pre>\n<p>You should see the following events being logged in the browser&#8217;s console:<\/p>\n<p><a href=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/03\/FusionCharts_XT_JavaScript_Debug.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2630\" title=\"FusionCharts JavaScript Debug\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/03\/FusionCharts_XT_JavaScript_Debug.png\" alt=\"FusionCharts JavaScript Debug\" width=\"663\" height=\"266\" srcset=\"\/blog\/wp-content\/uploads\/2012\/03\/FusionCharts_XT_JavaScript_Debug.png 663w, \/blog\/wp-content\/uploads\/2012\/03\/FusionCharts_XT_JavaScript_Debug-150x60.png 150w\" sizes=\"auto, (max-width: 663px) 100vw, 663px\" \/><\/a><\/p>\n<p>If you are using Firebug, or Chrome&#8217;s Developer Tools, you can explore the object hierarchy by setting the output format to verbose:<\/p>\n<pre class=\"lang:javascript\">FusionCharts.debugMode.outputFormat('verbose');\r\n<\/pre>\n<p><a href=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/03\/FusionCharts-XT-JavaScript-Debugging-Verbose-Log.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2631\" title=\"FusionCharts JavaScript Debugging Verbose Log\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/03\/FusionCharts-XT-JavaScript-Debugging-Verbose-Log.png\" alt=\"FusionCharts JavaScript Debugging Verbose Log\" width=\"663\" height=\"332\" \/><\/a><br \/>\nBeing good (read lazy) developers ourselves, we write the above 3 lines in a more compact fashion:<\/p>\n<pre class=\"lang:javascript\">FusionCharts.debugMode.enabled( function() { console.log(arguments); }, 'verbose');\r\n<\/pre>\n<p>And for the rare bug-hunting session when you don&#8217;t have Firebug installed, you can include Firebug-Lite remotely:<\/p>\n<pre class=\"lang:javascript\">FusionCharts.debugMode._enableFirebugLite();\r\n<\/pre>\n<h2><span class=\"ez-toc-section\" id=\"Using_Advanced_Error_and_Warning_Events\"><\/span>Using Advanced Error and Warning Events<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>The FusionCharts JavaScript Class fires events at every stage during the lifetime of a chart. You can listen for the events that fire upon errors in the chart. You can either listen to these events globally, or on a per-chart basis as shown below:<\/p>\n<pre class=\"lang:javascript\">function myChartListener(eventObject, argumentsObject) {\r\n    alert( eventObject.sender.id + \" has an error: \" + argumentsObject.message );\r\n}\r\nFusionCharts(\"chart_id\").addEventListener (\"Error\" , myChartListener );\r\n<\/pre>\n<p>The first argument is eventObject which provides details of the event. It is an object which mainly provides three properties :<br \/>\n<code>eventId<\/code> : An unique ID given to the event<br \/>\n<code>eventType<\/code> : A string containing the name or the event type, for example, &#8220;rendered&#8221; etc.<br \/>\n<code>sender<\/code> : A FusionCharts JavaScript Object reference to the chart which has raised that event<br \/>\nThe second argument is <code>argumentsObject<\/code> is an object and contains details of the event. As per the type of the event the properties of parameter objects varies.<\/p>\n<p>You can read more about <a href=\"https:\/\/www.fusioncharts.com\/dev\/api\/fusioncharts\/fusioncharts-events\" target=\"_blank\" rel=\"noopener\">Listening to Events in the FusionCharts Documentation<\/a>.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Concluding_the_series\"><\/span>Concluding the series<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>We&#8217;ve covered a lot of ground in this series. You can go back and read through the previous articles if you haven&#8217;t yet:<\/p>\n<ul>\n<li><a href=\"https:\/\/fusioncharts.com\/blog\/javascript-charts-in-php-using-fusioncharts-xt-part-1\/\" target=\"_blank\" rel=\"noopener\">Part 1 &#8211; JavaScript charts in PHP using FusionCharts<\/a><\/li>\n<li><a href=\"https:\/\/fusioncharts.com\/blog\/javascript-charts-using-php-and-mysql-with-fusioncharts-xt-part-2\/\" target=\"_blank\" rel=\"noopener\">Part 2 &#8211; JavaScript charts in PHP and MySQL using FusionCharts<\/a><\/li>\n<li><a href=\"https:\/\/fusioncharts.com\/blog\/drill-down-javascript-charts-in-php-and-mysql-part-3\/\" target=\"_blank\" rel=\"noopener\">Part 3 &#8211; Drill-down JavaScript charts in PHP and MySQL<\/a><\/li>\n<li><a href=\"https:\/\/fusioncharts.com\/blog\/javascript-linkedcharts-in-php-and-mysql-using-fusioncharts-xt\/\" target=\"_blank\" rel=\"noopener\">Part 4 &#8211; JavaScript LinkedCharts in PHP and MySQL<\/a><\/li>\n<\/ul>\n<p>Let us know in the comments how you liked this series. We&#8217;re putting out more interesting content for all you developers. Stay tuned..<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the 5th and final part of the FusionCharts in PHP series, we will learn how to debug our charts. Debugging helps us know what happens behind the scenes while rendering a chart. With the FusionCharts JavaScript Debug Mode, we can generate a complete log of the internal events, as well as any errors that [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[109,211,357],"coauthors":[715],"class_list":["post-2625","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-debugging","tag-javascript","tag-tips"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Debugging JavaScript Charts in FusionCharts: Final Guide<\/title>\n<meta name=\"description\" content=\"Finish the FusionCharts debugging series, fix linked charts, LinkedCharts in PHP &amp; MySQL, and common JS chart errors with practical debug-mode techniques.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Debugging JavaScript Charts in FusionCharts: Final Guide\" \/>\n<meta property=\"og:description\" content=\"Finish the FusionCharts debugging series, fix linked charts, LinkedCharts in PHP &amp; MySQL, and common JS chart errors with practical debug-mode techniques.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2012-03-21T12:04:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-09T07:23:18+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/03\/FusionCharts_XT_JavaScript_Debug.png\" \/>\n<meta name=\"author\" content=\"rishi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"rishi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\\\/\\\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"Article\",\n\t            \"@id\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/debugging-javascript-charts-with-fusioncharts-xt-part-5#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/debugging-javascript-charts-with-fusioncharts-xt-part-5\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"rishi\",\n\t                \"@id\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/#\\\/schema\\\/person\\\/132d68250c34b957c87330353d8eaa5a\"\n\t            },\n\t            \"headline\": \"Debug JavaScript Charts with FusionCharts Part Five\",\n\t            \"datePublished\": \"2012-03-21T12:04:42+00:00\",\n\t            \"dateModified\": \"2026-07-09T07:23:18+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/debugging-javascript-charts-with-fusioncharts-xt-part-5\"\n\t            },\n\t            \"wordCount\": 845,\n\t            \"commentCount\": 0,\n\t            \"publisher\": {\n\t                \"@id\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/#organization\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/debugging-javascript-charts-with-fusioncharts-xt-part-5#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/wp-content\\\/uploads\\\/2012\\\/03\\\/FusionCharts_XT_JavaScript_Debug.png\",\n\t            \"keywords\": [\n\t                \"debugging\",\n\t                \"javascript\",\n\t                \"tips\"\n\t            ],\n\t            \"articleSection\": [\n\t                \"Tutorials\"\n\t            ],\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"CommentAction\",\n\t                    \"name\": \"Comment\",\n\t                    \"target\": [\n\t                        \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/debugging-javascript-charts-with-fusioncharts-xt-part-5#respond\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/debugging-javascript-charts-with-fusioncharts-xt-part-5\",\n\t            \"url\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/debugging-javascript-charts-with-fusioncharts-xt-part-5\",\n\t            \"name\": \"Debugging JavaScript Charts in FusionCharts: Final Guide\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/#website\"\n\t            },\n\t            \"primaryImageOfPage\": {\n\t                \"@id\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/debugging-javascript-charts-with-fusioncharts-xt-part-5#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/debugging-javascript-charts-with-fusioncharts-xt-part-5#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/wp-content\\\/uploads\\\/2012\\\/03\\\/FusionCharts_XT_JavaScript_Debug.png\",\n\t            \"datePublished\": \"2012-03-21T12:04:42+00:00\",\n\t            \"dateModified\": \"2026-07-09T07:23:18+00:00\",\n\t            \"description\": \"Finish the FusionCharts debugging series, fix linked charts, LinkedCharts in PHP & MySQL, and common JS chart errors with practical debug-mode techniques.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/debugging-javascript-charts-with-fusioncharts-xt-part-5#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/debugging-javascript-charts-with-fusioncharts-xt-part-5\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"ImageObject\",\n\t            \"inLanguage\": \"en-US\",\n\t            \"@id\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/debugging-javascript-charts-with-fusioncharts-xt-part-5#primaryimage\",\n\t            \"url\": \"\\\/blog\\\/wp-content\\\/uploads\\\/2012\\\/03\\\/FusionCharts_XT_JavaScript_Debug.png\",\n\t            \"contentUrl\": \"\\\/blog\\\/wp-content\\\/uploads\\\/2012\\\/03\\\/FusionCharts_XT_JavaScript_Debug.png\",\n\t            \"width\": 663,\n\t            \"height\": 266,\n\t            \"caption\": \"FusionCharts JavaScript Debug\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/debugging-javascript-charts-with-fusioncharts-xt-part-5#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"Debug JavaScript Charts with FusionCharts Part Five\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/#website\",\n\t            \"url\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/\",\n\t            \"name\": \"FusionBrew - The FusionCharts Blog\",\n\t            \"description\": \"Get tips and tricks on how to build effective Data Visualisation using FusionCharts\",\n\t            \"publisher\": {\n\t                \"@id\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/#organization\",\n\t            \"name\": \"FusionCharts\",\n\t            \"url\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\n\t                \"url\": \"\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/idera-fc-logo.svg\",\n\t                \"contentUrl\": \"\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/idera-fc-logo.svg\",\n\t                \"width\": 1,\n\t                \"height\": 1,\n\t                \"caption\": \"FusionCharts\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"\n\t            }\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/#\\\/schema\\\/person\\\/132d68250c34b957c87330353d8eaa5a\",\n\t            \"name\": \"rishi\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/?s=96&r=g328482cd2c44c22cbfaf38e6113a8a24\",\n\t                \"url\": \"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/?s=96&r=g\",\n\t                \"contentUrl\": \"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/?s=96&r=g\",\n\t                \"caption\": \"rishi\"\n\t            },\n\t            \"url\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/author\\\/rishi\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Debugging JavaScript Charts in FusionCharts: Final Guide","description":"Finish the FusionCharts debugging series, fix linked charts, LinkedCharts in PHP & MySQL, and common JS chart errors with practical debug-mode techniques.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5","og_locale":"en_US","og_type":"article","og_title":"Debugging JavaScript Charts in FusionCharts: Final Guide","og_description":"Finish the FusionCharts debugging series, fix linked charts, LinkedCharts in PHP & MySQL, and common JS chart errors with practical debug-mode techniques.","og_url":"https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2012-03-21T12:04:42+00:00","article_modified_time":"2026-07-09T07:23:18+00:00","og_image":[{"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/03\/FusionCharts_XT_JavaScript_Debug.png","type":"","width":"","height":""}],"author":"rishi","twitter_card":"summary_large_image","twitter_misc":{"Written by":"rishi","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5"},"author":{"name":"rishi","@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#\/schema\/person\/132d68250c34b957c87330353d8eaa5a"},"headline":"Debug JavaScript Charts with FusionCharts Part Five","datePublished":"2012-03-21T12:04:42+00:00","dateModified":"2026-07-09T07:23:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5"},"wordCount":845,"commentCount":0,"publisher":{"@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5#primaryimage"},"thumbnailUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/03\/FusionCharts_XT_JavaScript_Debug.png","keywords":["debugging","javascript","tips"],"articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5","url":"https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5","name":"Debugging JavaScript Charts in FusionCharts: Final Guide","isPartOf":{"@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5#primaryimage"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5#primaryimage"},"thumbnailUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/03\/FusionCharts_XT_JavaScript_Debug.png","datePublished":"2012-03-21T12:04:42+00:00","dateModified":"2026-07-09T07:23:18+00:00","description":"Finish the FusionCharts debugging series, fix linked charts, LinkedCharts in PHP & MySQL, and common JS chart errors with practical debug-mode techniques.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5#primaryimage","url":"\/blog\/wp-content\/uploads\/2012\/03\/FusionCharts_XT_JavaScript_Debug.png","contentUrl":"\/blog\/wp-content\/uploads\/2012\/03\/FusionCharts_XT_JavaScript_Debug.png","width":663,"height":266,"caption":"FusionCharts JavaScript Debug"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog"},{"@type":"ListItem","position":2,"name":"Debug JavaScript Charts with FusionCharts Part Five"}]},{"@type":"WebSite","@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#website","url":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/","name":"FusionBrew - The FusionCharts Blog","description":"Get tips and tricks on how to build effective Data Visualisation using FusionCharts","publisher":{"@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#organization","name":"FusionCharts","url":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#\/schema\/logo\/image\/","url":"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg","contentUrl":"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg","width":1,"height":1,"caption":"FusionCharts"},"image":{"@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#\/schema\/person\/132d68250c34b957c87330353d8eaa5a","name":"rishi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/?s=96&r=g328482cd2c44c22cbfaf38e6113a8a24","url":"https:\/\/secure.gravatar.com\/avatar\/?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/?s=96&r=g","caption":"rishi"},"url":"https:\/\/www.fusioncharts.com\/blog\/author\/rishi"}]}},"_links":{"self":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/2625","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/comments?post=2625"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/2625\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=2625"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=2625"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=2625"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=2625"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}