{"id":18391,"date":"2021-08-11T02:45:50","date_gmt":"2021-08-10T21:15:50","guid":{"rendered":"http:\/\/www.fusioncharts.com\/blog\/?p=18391"},"modified":"2026-01-20T14:37:33","modified_gmt":"2026-01-20T09:07:33","slug":"easily-export-stunning-fusion-charts-dashboards-in-node-js","status":"publish","type":"post","link":"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/","title":{"rendered":"Easily Export Stunning FusionCharts Dashboards in Node.js 2026"},"content":{"rendered":"Everyone knows the saying &#8220;A picture speaks a thousand words!&#8221; While it may be a cliche, it is also very true. Having effective and beautiful presentations, especially in a business environment is the key to communicating ideas and convincing people.\r\n\r\nIf you are looking for an advantage over the competition or your peers, the <a href=\"https:\/\/www.fusioncharts.com\/\">FusionCharts<\/a> platform is the number one choice. It is perfect for any manager, executive or data scientist when it comes to charting statistics and plotting data. Whether you are designing a presentation, drafting a marketing strategy, preparing a financial report or creating a business plan, you can rely on FusionCharts for the best charts, maps and graphs as a means of conveying your thoughts.\r\n\r\nAlong with FusionCharts, <a href=\"https:\/\/www.fusioncharts.com\/fusionexport\">FusionExport<\/a> is a library that is easily integrated into your software app to exporting charts, maps and graphs. Developers can use their programming language of choice to quickly call FusionExport APIs to export dashboards and visuals as high-quality digital images or PDF files. You can easily export live dashboards,\u00a0 then downloaded and save them for emailing as well embedding in other applications.\r\n\r\nIf this interests you, then read on to find out how you can export beautiful <a href=\"https:\/\/www.fusioncharts.com\/dashboards\">business dashboards<\/a> created by FusionCharts in Node.js by using FusionExport. In this blog, we&#8217;ll export the following dashboard by calling the FusionExport&#8217;s APIs in Node.js. The data for this dashboard is from the <a href=\"https:\/\/archive.ics.uci.edu\/ml\/datasets\/Horton+General+Hospital\">UCI Machine learning repository<\/a> and shows the number of patients entering the medical emergency services in one month. The dashboard includes a 2D column chart, area graph, and doughnut chart as well as a line plot.\r\n\r\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-18397 size-large\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2021\/08\/exportScreen-1024x683.png\" alt=\"Learn how to export your FusionCharts dashboards with FusionExport in Node.js \" width=\"640\" height=\"427\" srcset=\"\/blog\/wp-content\/uploads\/2021\/08\/exportScreen-1024x683.png 1024w, \/blog\/wp-content\/uploads\/2021\/08\/exportScreen-300x200.png 300w, \/blog\/wp-content\/uploads\/2021\/08\/exportScreen-768x512.png 768w, \/blog\/wp-content\/uploads\/2021\/08\/exportScreen.png 1824w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\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 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#What_is_FusionExport\" title=\"What is FusionExport?\">What is FusionExport?<\/a><\/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\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#What_Are_the_Steps_For_Exporting_Dashboards_in_Nodejs\" title=\"What Are the Steps For Exporting Dashboards in Node.js?\">What Are the Steps For Exporting Dashboards in Node.js?<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#Step_1_Download_and_Run_FusionExport_Server\" title=\"Step 1: Download and Run FusionExport Server\">Step 1: Download and Run FusionExport Server<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#Step_2_Install_SDK_for_Nodejs\" title=\"Step 2: Install SDK for Node.js\">Step 2: Install SDK for Node.js<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#Step_3_Create_Configuration_File_For_Dashboard\" title=\"Step 3: Create Configuration File For Dashboard\">Step 3: Create Configuration File For Dashboard<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#Step_4_Create_Dashboard_Template\" title=\"Step\u00a0 4: Create Dashboard Template\">Step\u00a0 4: Create Dashboard Template<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#Step_5_Read_Data_and_Call_FusionExport\" title=\"Step 5: Read Data and Call FusionExport\">Step 5: Read Data and Call FusionExport<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#How_Do_I_Run_The_Code\" title=\"How Do I Run The Code?\">How Do I Run The Code?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#Are_There_More_Options_For_Exporting_Dashboards_and_Charts\" title=\"Are There More Options For Exporting Dashboards and Charts?\">Are There More Options For Exporting Dashboards and Charts?<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"What_is_FusionExport\"><\/span>What is FusionExport?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nYou can download FusionExport as a binary file that runs on your server. The FusionExport SDK allows you to call the FusionExport services from within your app. Alternatively, you can call FusionExport API&#8217;s endpoints directly. The SDK is available for different languages like Node.js, Python, and Java, as well as\u00a0 PHP.\r\n<h2><span class=\"ez-toc-section\" id=\"What_Are_the_Steps_For_Exporting_Dashboards_in_Nodejs\"><\/span>What Are the Steps For Exporting Dashboards in Node.js?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nHere are the steps for exporting dashboards using FusionExport from Node.js, assuming that you have already installed Node.js on your system.\r\n<h3><span class=\"ez-toc-section\" id=\"Step_1_Download_and_Run_FusionExport_Server\"><\/span>Step 1: Download and Run FusionExport Server<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nClick this link to download the <a href=\"https:\/\/www.fusioncharts.com\/download\/fusionexport?framework=javascript\">FusionExport Server<\/a> for your OS. Follow the steps to install the server on your machine. Once you have installed the server, run it by typing at the console (change YOUR_PATH to the path of the installed server):\r\n<pre class=\"lang:markup\">YOUR_PATH\/fusionexport<\/pre>\r\nWhen the server runs, you&#8217;ll see the following screen:\r\n\r\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-18386 size-large\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2021\/08\/serverPic-1024x466.png\" alt=\"\" width=\"640\" height=\"291\" srcset=\"\/blog\/wp-content\/uploads\/2021\/08\/serverPic-1024x466.png 1024w, \/blog\/wp-content\/uploads\/2021\/08\/serverPic-300x137.png 300w, \/blog\/wp-content\/uploads\/2021\/08\/serverPic-768x349.png 768w, \/blog\/wp-content\/uploads\/2021\/08\/serverPic.png 1134w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\r\n<h3><span class=\"ez-toc-section\" id=\"Step_2_Install_SDK_for_Nodejs\"><\/span>Step 2: Install SDK for Node.js<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nUse npm to install the FusionExport SDK for Node.js as:\r\n<pre class=\"lang:markup\">npm install fusionexport-node-client --save<\/pre>\r\n<h3><span class=\"ez-toc-section\" id=\"Step_3_Create_Configuration_File_For_Dashboard\"><\/span>Step 3: Create Configuration File For Dashboard<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nCreate a project directory called <strong>fusion-charts-export-node-js<\/strong>. In this folder create a resources folder and add the file <strong>dash-config-file.json<\/strong> to the resources folder. This file contains the configuration of the dashboard as JSON. Paste the following code in this file. Note, this is just the configuration and has no data field. We&#8217;ll add the data key later via code.\r\n<pre class=\"lang:markup\">[\r\n  {\r\n    \"type\": \"column2d\",\r\n    \"renderAt\": \"chart-container\",\r\n    \"width\": \"500\",\r\n    \"height\": \"300\",\r\n    \"dataFormat\": \"json\",\r\n    \"dataSource\": {\r\n      \"chart\": {\r\n        \"caption\": \"Monthly Admissions In Horton General Hospital\",\r\n        \"subcaption\": \"Source: UCI Machine Learning Repository\",\r\n        \"xaxisname\": \"Month\/Year\",\r\n        \"yaxisname\": \"Number of Admissions\",\r\n        \"showvalues\": \"0\",\r\n        \"theme\": \"fusion\"\r\n    } \r\n  }\r\n},\r\n  {\r\n    \"type\": \"splinearea\",\r\n    \"renderAt\": \"area-chart-container\",\r\n    \"width\": \"550\",\r\n    \"height\": \"300\",\r\n    \"dataFormat\": \"json\",\r\n    \"dataSource\": {\r\n      \"chart\": {\r\n        \"caption\": \"Monthly Admissions In Horton General Hospital\",\r\n        \"subcaption\": \"Source: UCI Machine Learning Repository\",\r\n        \"xaxisname\": \"Month\/Year\",\r\n        \"yaxisname\": \"Number of Admissions\",\r\n        \"showvalues\": \"0\",        \r\n        \"theme\": \"fusion\"\r\n      }\r\n    }\r\n  },\r\n  {\r\n    \"type\": \"doughnut2d\",\r\n    \"renderAt\": \"pie-chart-container\",\r\n    \"width\": \"550\",\r\n    \"height\": \"300\",\r\n    \"dataFormat\": \"json\",\r\n    \"dataSource\": {\r\n      \"chart\": {\r\n        \"caption\": \"Monthly Admissions First Six Months In 2000\",\r\n        \"subcaption\": \"Source: UCI Machine Learning Repository\",\r\n        \"xaxisname\": \"Month\/Year\",\r\n        \"yaxisname\": \"Number of Admissions\",\r\n        \"showvalues\": \"0\",\r\n        \"theme\": \"fusion\"\r\n      }\r\n    }\r\n  },\r\n  {\r\n    \"type\": \"line\",\r\n    \"renderAt\": \"line-chart-container\",\r\n    \"width\": \"550\",\r\n    \"height\": \"300\",\r\n    \"dataFormat\": \"json\",\r\n    \"dataSource\": {\r\n      \"chart\": {\r\n        \"caption\": \"Monthly Admissions In Horton General Hospital\",\r\n        \"subcaption\": \"Source: UCI Machine Learning Repository\",\r\n        \"xaxisname\": \"Month\/Year\",\r\n        \"yaxisname\": \"Number of Admissions\",\r\n        \"yaxismaxvalue\": \"5\",\r\n        \"showvalues\": \"0\",\r\n        \"theme\": \"fusion\"\r\n      }      \r\n    }\r\n  }\r\n]<\/pre>\r\n<h3><span class=\"ez-toc-section\" id=\"Step_4_Create_Dashboard_Template\"><\/span>Step\u00a0 4: Create Dashboard Template<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nIn the resources folder, create a dashboard-template.html file. Paste the following code to it. You need this to style your dashboard.\r\n<pre class=\"lang:markup\">&lt;html&gt;\r\n&lt;head&gt;\r\n    &lt;title&gt;Exporting FusionCharts in Node.js&lt;\/title&gt;\r\n    &lt;style&gt;\r\n          body {\r\n        margin: 0;\r\n        padding: 0;\r\n        width: 100%;\r\n\r\n        background-color: #00406a;\r\n        font-family: Tahoma, Helvetica, Arial, sans-serif;\r\n      }\r\n\r\n      h1,\r\n      h2,\r\n      h3,\r\n      h4,\r\n      h5 {\r\n        \r\n        margin: 0;\r\n        padding: 0;\r\n        font-weight: bold;\r\n        text-align: center;\r\n      }\r\n\r\n      .chartCont {\r\n        padding: 0px 12px;\r\n      }\r\n\r\n      .border-bottom {\r\n        border-bottom: 1px dashed rgba(0, 117, 194, 0.2);\r\n      }\r\n\r\n      .border-right {\r\n        border-right: 1px dashed rgba(0, 117, 194, 0.2);\r\n      }\r\n\r\n      #container {\r\n        width: 1200px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n      }\r\n\r\n      #container &gt; div {\r\n        width: 100%;\r\n        background-color: #ffffff;\r\n      }\r\n\r\n      #logoContainer {\r\n        float: left;\r\n      }\r\n\r\n      #logoContainer img {\r\n        padding: 0 10px;\r\n      }\r\n\r\n      #logoContainer div {\r\n        position: absolute;\r\n        top: 8px;\r\n        left: 95px;\r\n      }\r\n\r\n      #logoContainer div h2 {\r\n        color: #0075c2;\r\n      }\r\n\r\n      #logoContainer div h4 {\r\n        color: #0e948c;\r\n      }\r\n\r\n      #logoContainer div p {\r\n        color: #719146;\r\n        font-size: 12px;\r\n        padding: 5px 0;\r\n      }\r\n\r\n      #userDetail {\r\n        float: right;\r\n      }\r\n\r\n      #userDetail img {\r\n        position: absolute;\r\n        top: 16px;\r\n        right: 130px;\r\n      }\r\n\r\n      #userDetail div {\r\n        position: absolute;\r\n        top: 15px;\r\n        right: 20px;\r\n        font-size: 14px;\r\n        font-weight: bold;\r\n        color: #0075c2;\r\n      }\r\n\r\n      #userDetail div p {\r\n        margin: 0;\r\n      }\r\n\r\n      #userDetail div p:nth-child(2) {\r\n        color: #0e948c;\r\n      }\r\n\r\n      #header div:nth-child(3) {\r\n        clear: both;\r\n        border-bottom: 1px solid #0075c2;\r\n      }\r\n\r\n      #content div {\r\n        display: inline-block;\r\n      }\r\n\r\n      #content &gt; div {\r\n        margin: 0px 20px;\r\n      }\r\n\r\n      #content &gt; div:nth-child(1) &gt; div {\r\n        margin: 20px 0 0;\r\n      }\r\n\r\n      #content &gt; div:nth-child(2) &gt; div {\r\n        margin: 0 0 20px;\r\n      }\r\n\r\n      #footer p {\r\n        margin: 0;\r\n        font-size: 9pt;\r\n        color: black;\r\n        padding: 5px 0;\r\n        text-align: center;\r\n      }\r\n    &lt;\/style&gt;\r\n&lt;\/head&gt;\r\n\r\n&lt;body&gt;\r\n&lt;div id=\"container\"&gt;\r\n    &lt;div id=\"header\"&gt;\r\n        &lt;div id=\"logoContainer\"&gt;\r\n            &lt;img\r\n                    src=\"https:\/\/archive.ics.uci.edu\/ml\/assets\/logo.gif\"\r\n                    alt=\"Logo\"\r\n            \/&gt;\r\n            &lt;div&gt;\r\n                &lt;h2&gt;&lt;\/h2&gt;\r\n\r\n                &lt;h4&gt;&lt;\/h4&gt;\r\n            &lt;\/div&gt;\r\n        &lt;\/div&gt;\r\n        &lt;div id=\"userDetail\"&gt;\r\n        &lt;\/div&gt;\r\n        &lt;div&gt;&lt;\/div&gt;\r\n    &lt;\/div&gt;\r\n    &lt;div class=\"border-bottom\" id=\"content\"&gt;\r\n        &lt;div class=\"border-bottom\"&gt;\r\n            &lt;div class=\"chartCont border-right\" id=\"chart-container\"&gt;\r\n                FusionCharts will load here.\r\n            &lt;\/div&gt;\r\n            &lt;div class=\"chartCont\" id=\"area-chart-container\"&gt;\r\n                FusionCharts will load here.\r\n            &lt;\/div&gt;\r\n        &lt;\/div&gt;\r\n        &lt;div&gt;\r\n            &lt;div class=\"chartCont border-right\" id=\"pie-chart-container\"&gt;\r\n                FusionCharts will load here.\r\n            &lt;\/div&gt;\r\n            &lt;div class=\"chartCont\" id=\"line-chart-container\"&gt;\r\n                FusionCharts will load here.\r\n            &lt;\/div&gt;\r\n        &lt;\/div&gt;\r\n    &lt;\/div&gt;\r\n    &lt;div id=\"footer\"&gt;\r\n        &lt;p&gt;\r\n            This application was built using\r\n            &lt;a\r\n                    href=\"https:\/\/www.fusioncharts.com\"\r\n                    target=\"_blank\"\r\n                    title=\"FusionCharts - Data to delight... in minutes\"\r\n            &gt;&lt;b&gt;FusionCharts Suite XT&lt;\/b&gt;&lt;\/a\r\n            &gt;\r\n        &lt;\/p&gt;\r\n    &lt;\/div&gt;\r\n&lt;\/div&gt;\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\r\n<h3><span class=\"ez-toc-section\" id=\"Step_5_Read_Data_and_Call_FusionExport\"><\/span>Step 5: Read Data and Call FusionExport<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nCreate the code file <strong>exportDashboard.js<\/strong>. We&#8217;ll read the data from the HortonGeneralHospital.csv file in the UCI machine learning repository. The first few lines of the data are shown below:\r\n<pre class=\"lang:markup\">\"1\",1,0,0,413,1999,11\r\n\"2\",1,0,0,443,1999,12\r\n\"3\",1,0,0,378,2000,1\r\n\"4\",0,0,0,385,2000,2<\/pre>\r\nThe 6th and 7th columns show the year and month. The 5th column is the admissions column that shows the count of people entering the emergency. We&#8217;ll construct the data JSON object with label keys as month\/year and the value as the number of admissions.\r\n\r\nThe <strong>exportDashboard.js<\/strong> file implements the following steps:\r\n<ol>\r\n \t<li>Import the FusionExport SDK client for node.js.<\/li>\r\n \t<li>Fetch the data from the UCI ML repository.<\/li>\r\n \t<li>Construct the data JSON object.<\/li>\r\n \t<li>Read the configuration from <strong>dash-config-file.JSON<\/strong> and set the data JSON in the <strong>dataSource<\/strong> for each chart object.<\/li>\r\n \t<li>Create the ExportConfig and ExportManager objects and export the data.<\/li>\r\n<\/ol>\r\nInsert the following code in <strong>exportDashboard.js<\/strong> file:\r\n<pre class=\"lang:markup\">\/\/ Import 'path' and 'fs' core module of Node.js\r\nconst path = require('path');\r\nconst fs = require('fs');\r\nconst fetch = require('node-fetch');\r\nconst https = require('https');\r\n\r\n\/\/ Import FusionExport SDK client for Node.js\r\nconst {\r\n    ExportManager,\r\n    ExportConfig\r\n} = require('fusionexport-node-client');\r\n\r\n\r\nuciRepo = 'https:\/\/archive.ics.uci.edu\/ml\/machine-learning-databases\/00549\/HortonGeneralHospital.csv';\r\n\r\nlet txt = []\r\n\r\n\/\/ Fetch the data from UCI ML Repo\r\nasync function readUciData(){\r\n    return await fetch(uciRepo)\r\n    .then(res =&gt; res.text())\r\n}\r\n\r\n\/\/ Convert the downloaded data into JSON\r\nasync function getData(){\r\n    txt = await readUciData();\r\n    var data = [];\r\n    var rows = txt.split(\"\\n\");\r\n    \/\/Get only the first 30 rows\r\n    for(var i=1;i&lt;30;i++) {\r\n        var cols = rows[i].split(',');\r\n        var obj = {label:cols[6].concat('\/', cols[5]), value:cols[4]}\r\n        data.push(obj);\r\n    }\r\n    return data;\r\n}\r\n\r\n\r\nasync function exportDash() {\r\n\r\n  \/\/ Get the data JSON\r\n  data = await getData();\r\n\r\n  \/\/ Read the configurations for the dashboard\r\n  let jsonStr = fs.readFileSync(\"resources\/dash-config-file.json\", \"utf8\");\r\n  let fcConfig = JSON.parse(jsonStr);\r\n\r\n  \/\/ Set the data object in charts read in fcConfig var\r\n  for (var i=0;i&lt;fcConfig.length;++i) {\r\n    \/\/special case for doughnut chart\r\n    if (i==2) {\r\n      doughnut = [];\r\n      for (var j=2;j&lt;8;++j)\r\n          doughnut.push(data[j]);\r\n      fcConfig[i].dataSource[\"data\"] = doughnut  \r\n    }\r\n    else\r\n      fcConfig[i].dataSource[\"data\"] = data;\r\n  }\r\n  \/\/ --- EXPORT CONFIG ---\r\n  \/\/ Instantiate ExportConfig \r\n  const exportConfig = new ExportConfig();\r\n  exportConfig.set('chartConfig', fcConfig);\r\n  exportConfig.set('templateFilePath', path.join('resources', 'dashboard-template.html'));\r\n\r\n  \/\/ --- EXPORT-MANAGER ---\r\n  \/\/ Instantiate ExportManager\r\n  const exportManager = new ExportManager();\r\n\r\n  \/\/ --- OUTPUT ---\r\n  \/\/ Export the chart\r\n  exportManager.export(exportConfig, outputDir = '.', unzip = true).then((exportedFiles) =&gt; {\r\n    exportedFiles.forEach(file =&gt; console.log(file));\r\n  }).catch((err) =&gt; {\r\n    console.log(err);\r\n  });\r\n}\r\n\r\nexportDash();<\/pre>\r\n<h3><span class=\"ez-toc-section\" id=\"How_Do_I_Run_The_Code\"><\/span>How Do I Run The Code?<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nTo run the code, at the console type:\r\n<pre class=\"lang:markup\">node exportDashboard.js<\/pre>\r\nOnce the code runs, you&#8217;ll see the<strong> export.pdf<\/strong> file in the code directory.\r\n\r\nThat&#8217;s it! We just exported a dashboard as PDF in 5 easy steps.\r\n\r\n<a href=\"https:\/\/github.com\/fusionchartsexpress\/JavascriptDashboardNodeJS\">Head over and download the full source code for this Javascript dashboard.<\/a>\r\n<h2><span class=\"ez-toc-section\" id=\"Are_There_More_Options_For_Exporting_Dashboards_and_Charts\"><\/span>Are There More Options For Exporting Dashboards and Charts?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nFusionExport includes SDK for Python, C#, Java, PHP, and many more. It works with all Javascript Charting libraries such as FusionCharts, HighCharts, d3, and chart.js. You can download the live state of your dashboards and add your brand or company logo to it for further emailing or embedding in presentations.\r\n\r\n<a href=\"https:\/\/www.fusioncharts.com\/download\/fusionexport?framework=javascript\">Don&#8217;t wait. Start your free trial for FusionExport today!<\/a>","protected":false},"excerpt":{"rendered":"<p>Everyone knows the saying &#8220;A picture speaks a thousand words!&#8221; While it may be a cliche, it is also very true. Having effective and beautiful presentations, especially in a business environment is the key to communicating ideas and convincing people. If you are looking for an advantage over the competition or your peers, the FusionCharts [&hellip;]<\/p>\n","protected":false},"author":59,"featured_media":18399,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,709,722,813,18],"tags":[35,41,97,121,152,753,211,230,843,803],"coauthors":[769],"class_list":["post-18391","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-charting-guidelines","category-dashboard","category-fusioncharts","category-fusionexport","category-tutorials","tag-area-chart","tag-bar-chart","tag-dashboard","tag-doughnut-chart","tag-fusioncharts","tag-fusionexport","tag-javascript","tag-line-chart","tag-node-js","tag-uci-machine-learning-repository"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Easily Export Stunning FusionCharts Dashboards in Node.js 2026<\/title>\n<meta name=\"description\" content=\"Export a FusionCharts dashboard to PDF in Node.js. Follow our 2026 tutorial to master FusionExport for your backend applications. Build better reports now.\" \/>\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\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Easily Export Stunning FusionCharts Dashboards in Node.js 2026\" \/>\n<meta property=\"og:description\" content=\"Export a FusionCharts dashboard to PDF in Node.js. Follow our 2026 tutorial to master FusionExport for your backend applications. Build better reports now.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-10T21:15:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T09:07:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2021\/08\/exportmockup.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1280\" \/>\n\t<meta property=\"og:image:height\" content=\"896\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Mehreen Saeed\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mehreen Saeed\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 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\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Mehreen Saeed\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/93c1ff85ace69b8175fdec9016c8aca7\"\n\t            },\n\t            \"headline\": \"Easily Export Stunning FusionCharts Dashboards in Node.js 2026\",\n\t            \"datePublished\": \"2021-08-10T21:15:50+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:07:33+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/\"\n\t            },\n\t            \"wordCount\": 811,\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\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\/blog\/wp-content\/uploads\/2021\/08\/exportmockup.jpg\",\n\t            \"keywords\": [\n\t                \"Area chart\",\n\t                \"Bar chart\",\n\t                \"dashboard\",\n\t                \"doughnut chart\",\n\t                \"FusionCharts\",\n\t                \"FusionExport\",\n\t                \"javascript\",\n\t                \"Line chart\",\n\t                \"Node.js\",\n\t                \"UCI machine learning repository\"\n\t            ],\n\t            \"articleSection\": [\n\t                \"Charting Guidelines\",\n\t                \"Dashboard\",\n\t                \"FusionCharts\",\n\t                \"FusionExport\",\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\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#respond\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/\",\n\t            \"name\": \"Easily Export Stunning FusionCharts Dashboards in Node.js 2026\",\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\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\/blog\/wp-content\/uploads\/2021\/08\/exportmockup.jpg\",\n\t            \"datePublished\": \"2021-08-10T21:15:50+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:07:33+00:00\",\n\t            \"description\": \"Export a FusionCharts dashboard to PDF in Node.js. Follow our 2026 tutorial to master FusionExport for your backend applications. Build better reports now.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#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\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/\"\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\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#primaryimage\",\n\t            \"url\": \"\/blog\/wp-content\/uploads\/2021\/08\/exportmockup.jpg\",\n\t            \"contentUrl\": \"\/blog\/wp-content\/uploads\/2021\/08\/exportmockup.jpg\",\n\t            \"width\": 1280,\n\t            \"height\": 896,\n\t            \"caption\": \"FusionExport For Easily Exporting Stunning FusionCharts Dashboards In Node.js\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#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\": \"Easily Export Stunning FusionCharts Dashboards in Node.js 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\/93c1ff85ace69b8175fdec9016c8aca7\",\n\t            \"name\": \"Mehreen Saeed\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/b00c4263cd8aa44b9c97ced2ed628629\",\n\t                \"url\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/c98\/c98777bf022eae7522cadf4e18cc8c38x96.jpg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/c98\/c98777bf022eae7522cadf4e18cc8c38x96.jpg\",\n\t                \"caption\": \"Mehreen Saeed\"\n\t            },\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/author\/mehreensaeed\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Easily Export Stunning FusionCharts Dashboards in Node.js 2026","description":"Export a FusionCharts dashboard to PDF in Node.js. Follow our 2026 tutorial to master FusionExport for your backend applications. Build better reports now.","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\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/","og_locale":"en_US","og_type":"article","og_title":"Easily Export Stunning FusionCharts Dashboards in Node.js 2026","og_description":"Export a FusionCharts dashboard to PDF in Node.js. Follow our 2026 tutorial to master FusionExport for your backend applications. Build better reports now.","og_url":"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2021-08-10T21:15:50+00:00","article_modified_time":"2026-01-20T09:07:33+00:00","og_image":[{"width":1280,"height":896,"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2021\/08\/exportmockup.jpg","type":"image\/jpeg"}],"author":"Mehreen Saeed","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mehreen Saeed","Est. reading time":"8 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/"},"author":{"name":"Mehreen Saeed","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/93c1ff85ace69b8175fdec9016c8aca7"},"headline":"Easily Export Stunning FusionCharts Dashboards in Node.js 2026","datePublished":"2021-08-10T21:15:50+00:00","dateModified":"2026-01-20T09:07:33+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/"},"wordCount":811,"commentCount":0,"publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2021\/08\/exportmockup.jpg","keywords":["Area chart","Bar chart","dashboard","doughnut chart","FusionCharts","FusionExport","javascript","Line chart","Node.js","UCI machine learning repository"],"articleSection":["Charting Guidelines","Dashboard","FusionCharts","FusionExport","Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/","url":"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/","name":"Easily Export Stunning FusionCharts Dashboards in Node.js 2026","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#primaryimage"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2021\/08\/exportmockup.jpg","datePublished":"2021-08-10T21:15:50+00:00","dateModified":"2026-01-20T09:07:33+00:00","description":"Export a FusionCharts dashboard to PDF in Node.js. Follow our 2026 tutorial to master FusionExport for your backend applications. Build better reports now.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#primaryimage","url":"\/blog\/wp-content\/uploads\/2021\/08\/exportmockup.jpg","contentUrl":"\/blog\/wp-content\/uploads\/2021\/08\/exportmockup.jpg","width":1280,"height":896,"caption":"FusionExport For Easily Exporting Stunning FusionCharts Dashboards In Node.js"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/easily-export-stunning-fusion-charts-dashboards-in-node-js\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Easily Export Stunning FusionCharts Dashboards in Node.js 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\/93c1ff85ace69b8175fdec9016c8aca7","name":"Mehreen Saeed","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/b00c4263cd8aa44b9c97ced2ed628629","url":"\/blog\/wp-content\/wphb-cache\/gravatar\/c98\/c98777bf022eae7522cadf4e18cc8c38x96.jpg","contentUrl":"\/blog\/wp-content\/wphb-cache\/gravatar\/c98\/c98777bf022eae7522cadf4e18cc8c38x96.jpg","caption":"Mehreen Saeed"},"url":"https:\/\/www.fusioncharts.com\/blog\/author\/mehreensaeed\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/18391","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\/59"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/comments?post=18391"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/18391\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media\/18399"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=18391"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=18391"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=18391"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=18391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}