{"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-01-20T14:36:16","modified_gmt":"2026-01-20T09:06:16","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":"Debugging JavaScript Charts with FusionCharts XT: Part 5 Guide 2026"},"content":{"rendered":"In the 5th and final part of the FusionCharts XT 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!\r\n<!--more-->\r\n<blockquote>\r\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_71 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_XT_in_PHP_Series\" title=\"FusionCharts XT in PHP Series\">FusionCharts XT 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\" title=\"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_XT_JavaScript_Debug_Mode\" title=\"FusionCharts XT JavaScript Debug Mode\">FusionCharts XT 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\" title=\"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\" title=\"Concluding the series\">Concluding the series<\/a><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"FusionCharts_XT_in_PHP_Series\"><\/span>FusionCharts XT in PHP Series<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n<ul>\r\n\t<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 XT<\/a><\/li>\r\n\t<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 XT<\/a><\/li>\r\n\t<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>\r\n\t<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>\r\n\t<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>\r\n<\/ul>\r\n<\/blockquote>\r\nWe will understand the debugging process in three sections:\r\n<h2><span class=\"ez-toc-section\" id=\"Understanding_Debug_Messages\"><\/span>Understanding Debug Messages<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nTo aid you in basic debugging, the charts show certain messages when something goes wrong. These messages will show up in place of the chart:\r\n<ul>\r\n\t<li><strong>Error in Loading Data<\/strong>:\r\n<ul>\r\n\t<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>\r\n\t<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>\r\n\t<li>Make sure you&#8217;re passing relative URLs for Data URL, and not absolute URLs.<\/li>\r\n<\/ul>\r\n<\/li>\r\n\t<li><strong>Invalid XML Data<\/strong>:\r\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:\r\n<ul>\r\n\t<li>Differences in case of tags. e.g.,  should end with\u00a0<code><\/code> and not <code><\/code> or <code><\/code><\/li>\r\n\t<li>Missing opening\/closing quotation marks for any attributes.<\/li>\r\n\t<li>Missing closing tag for any element.<\/li>\r\n\t<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>\r\n\t<li>If you&#8217;ve quotes as part of your data, XML Encode them to <code>'<\/code><\/li>\r\n<\/ul>\r\n<\/li>\r\n\t<li><strong>No data to display<\/strong>:\r\n<ul>\r\n\t<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>\r\n\t<li>You might be using a single-series chart and providing data in multi-series format or vice-versa.<\/li>\r\n\t<li>In some Dual Y Combination charts, you need to provide at least one dataset for both the axes.<\/li>\r\n<\/ul>\r\n<\/li>\r\n<\/ul>\r\n\r\n<h2><span class=\"ez-toc-section\" id=\"FusionCharts_XT_JavaScript_Debug_Mode\"><\/span>FusionCharts XT JavaScript Debug Mode<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<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.\r\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:\r\n\r\n<pre class=\"lang:javascript\">\/\/ &lt; ![CDATA[\r\n\/\/ <\/pre>\r\n\r\nHowever, 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:\r\n\r\n<pre class=\"lang:javascript\">FusionCharts.debugMode.outputTo( function() { console.log(arguments); } );\r\n<\/pre>\r\n\r\nYou should see the following events being logged in the browser&#8217;s console:\r\n\r\n<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 XT JavaScript Debug\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/03\/FusionCharts_XT_JavaScript_Debug.png\" alt=\"FusionCharts XT 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>\r\n\r\nIf you are using Firebug, or Chrome&#8217;s Developer Tools, you can explore the object hierarchy by setting the output format to verbose:\r\n<pre class=\"lang:javascript\">FusionCharts.debugMode.outputFormat('verbose');\r\n<\/pre>\r\n<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 XT JavaScript Debugging Verbose Log\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/03\/FusionCharts-XT-JavaScript-Debugging-Verbose-Log.png\" alt=\"FusionCharts XT JavaScript Debugging Verbose Log\" width=\"663\" height=\"332\" \/><\/a>\r\nBeing good (read lazy) developers ourselves, we write the above 3 lines in a more compact fashion:\r\n<pre class=\"lang:javascript\">FusionCharts.debugMode.enabled( function() { console.log(arguments); }, 'verbose');\r\n<\/pre>\r\nAnd for the rare bug-hunting session when you don&#8217;t have Firebug installed, you can include Firebug-Lite remotely:\r\n<pre class=\"lang:javascript\">FusionCharts.debugMode._enableFirebugLite();\r\n<\/pre>\r\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>\r\nThe FusionCharts XT 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:\r\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>\r\nThe first argument is eventObject which provides details of the event. It is an object which mainly provides three properties :\r\n<code>eventId<\/code> : An unique ID given to the event\r\n<code>eventType<\/code> : A string containing the name or the event type, for example, &#8220;rendered&#8221; etc.\r\n<code>sender<\/code> : A FusionCharts JavaScript Object reference to the chart which has raised that event\r\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.\r\n\r\nYou 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 XT Documentation<\/a>.\r\n\r\n<h2><span class=\"ez-toc-section\" id=\"Concluding_the_series\"><\/span>Concluding the series<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n\r\nWe&#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:\r\n<ul>\r\n\t<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 XT<\/a><\/li>\r\n\t<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 XT<\/a><\/li>\r\n\t<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>\r\n\t<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>\r\n<\/ul>\r\nLet us know in the comments how you liked this series. We&#8217;re putting out more interesting content for all you developers. Stay tuned..","protected":false},"excerpt":{"rendered":"<p>In the 5th and final part of the FusionCharts XT 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 [&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 v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Debugging JavaScript charts with FusionCharts XT \u2013 Part 5 - FusionBrew<\/title>\n<meta name=\"description\" content=\"Advanced techniques for debugging JavaScript charts. Part 5 of our 2026 series helps you elevate your developer skills. Build more reliable visualizations.\" \/>\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 with FusionCharts XT \u2013 Part 5 - FusionBrew\" \/>\n<meta property=\"og:description\" content=\"Advanced techniques for debugging JavaScript charts. Part 5 of our 2026 series helps you elevate your developer skills. Build more reliable visualizations.\" \/>\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-01-20T09:06:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/03\/FusionCharts_XT_JavaScript_Debug.png\" \/>\n\t<meta property=\"og:image:width\" content=\"663\" \/>\n\t<meta property=\"og:image:height\" content=\"266\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/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\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/132d68250c34b957c87330353d8eaa5a\"\n\t            },\n\t            \"headline\": \"Debugging JavaScript Charts with FusionCharts XT: Part 5 Guide 2026\",\n\t            \"datePublished\": \"2012-03-21T12:04:42+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:06:16+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\": 855,\n\t            \"commentCount\": 0,\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.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 with FusionCharts XT \u2013 Part 5 - FusionBrew\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.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-01-20T09:06:16+00:00\",\n\t            \"description\": \"Advanced techniques for debugging JavaScript charts. Part 5 of our 2026 series helps you elevate your developer skills. Build more reliable visualizations.\",\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 XT 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\": \"https:\/\/www.fusioncharts.com\/blog\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"Debugging JavaScript Charts with FusionCharts XT: Part 5 Guide 2026\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#website\",\n\t            \"url\": \"https:\/\/www.fusioncharts.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\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/www.fusioncharts.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\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\",\n\t            \"name\": \"FusionCharts\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.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\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/\"\n\t            }\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.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:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/328482cd2c44c22cbfaf38e6113a8a24\",\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 with FusionCharts XT \u2013 Part 5 - FusionBrew","description":"Advanced techniques for debugging JavaScript charts. Part 5 of our 2026 series helps you elevate your developer skills. Build more reliable visualizations.","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 with FusionCharts XT \u2013 Part 5 - FusionBrew","og_description":"Advanced techniques for debugging JavaScript charts. Part 5 of our 2026 series helps you elevate your developer skills. Build more reliable visualizations.","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-01-20T09:06:16+00:00","og_image":[{"width":663,"height":266,"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/03\/FusionCharts_XT_JavaScript_Debug.png","type":"image\/png"}],"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":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/132d68250c34b957c87330353d8eaa5a"},"headline":"Debugging JavaScript Charts with FusionCharts XT: Part 5 Guide 2026","datePublished":"2012-03-21T12:04:42+00:00","dateModified":"2026-01-20T09:06:16+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/debugging-javascript-charts-with-fusioncharts-xt-part-5\/"},"wordCount":855,"commentCount":0,"publisher":{"@id":"https:\/\/www.fusioncharts.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 with FusionCharts XT \u2013 Part 5 - FusionBrew","isPartOf":{"@id":"https:\/\/www.fusioncharts.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-01-20T09:06:16+00:00","description":"Advanced techniques for debugging JavaScript charts. Part 5 of our 2026 series helps you elevate your developer skills. Build more reliable visualizations.","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 XT 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":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Debugging JavaScript Charts with FusionCharts XT: Part 5 Guide 2026"}]},{"@type":"WebSite","@id":"https:\/\/www.fusioncharts.com\/blog\/#website","url":"https:\/\/www.fusioncharts.com\/blog\/","name":"FusionBrew - The FusionCharts Blog","description":"Get tips and tricks on how to build effective Data Visualisation using FusionCharts","publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fusioncharts.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.fusioncharts.com\/blog\/#organization","name":"FusionCharts","url":"https:\/\/www.fusioncharts.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.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":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/132d68250c34b957c87330353d8eaa5a","name":"rishi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/328482cd2c44c22cbfaf38e6113a8a24","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}]}}