{"id":18405,"date":"2021-08-13T05:20:31","date_gmt":"2021-08-12T23:50:31","guid":{"rendered":"http:\/\/www.fusioncharts.com\/blog\/?p=18405"},"modified":"2026-01-20T14:37:35","modified_gmt":"2026-01-20T09:07:35","slug":"how-to-turn-javascript-times-series-charts-into-images-with-nodejs","status":"publish","type":"post","link":"https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/","title":{"rendered":"How to Turn JavaScript Time-Series Charts Into Images with Node 2026"},"content":{"rendered":"One of the most common forms and useful ways to represent data is the time series chart.\u00a0 This is because time series charts are a familiar, easily-interpreted visual format that allow businesses and researchers to graphically represent two correlated pieces of information at once.\u00a0 Known as time series charts, times series graphs, or time series plots, these visualizations illustrate data points across a progressive time interval. Each point on the chart corresponds to two measurements &#8212; time and quantity.\r\n\r\nConventionally the horizontal axis of the chart represents the passage of time and the vertical axis provides a numeric value for a measured variable. While time series <a href=\"https:\/\/www.fusioncharts.com\/charts\/realtime-charts\">live charts<\/a> may seem simple, the best and most visually effective examples can be customized both visually and functionally.\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\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#FusionTime_and_FusionExport\" title=\"FusionTime and FusionExport\">FusionTime and 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\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#How_Do_I_Use_FusionExport_To_Convert_FusionTime_Plot_To_Image_In_Nodejs\" title=\"How Do I Use FusionExport To Convert FusionTime Plot To Image In Node.js\">How Do I Use FusionExport To Convert FusionTime Plot To Image 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\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#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\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#Step_2_Install_FusionExport_SDK_for_Nodejs\" title=\"Step 2: Install FusionExport SDK for Node.js\">Step 2: Install FusionExport 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\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#Step_3_Create_the_ChartConfiguration\" title=\"Step 3: Create the ChartConfiguration\">Step 3: Create the ChartConfiguration<\/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\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#Step_4_Create_the_HTML_Template\" title=\"Step 4: Create the HTML Template\">Step 4: Create the HTML 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\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#Step_5_Call_ExportConfig_and_ExportManager\" title=\"Step 5: Call ExportConfig and ExportManager\">Step 5: Call ExportConfig and ExportManager<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#How_Do_I_Run_The_Code\" title=\"How Do I Run The Code?\">How Do I Run The Code?<\/a><\/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\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#Are_There_More_Features_of_FusionExport\" title=\"Are There More Features of FusionExport?\">Are There More Features of FusionExport?<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"FusionTime_and_FusionExport\"><\/span>FusionTime and FusionExport<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nOne example of this is <a href=\"https:\/\/www.fusioncharts.com\/dev\/fusiontime\/getting-started\/how-fusion-time-works\">\u00a0FusionTime<\/a>, a popular Javascript library that aids executives, data scientists, and researchers create time series plots of data. The graphs of time series are unique and different from the ones created by other tools as they allow users to pan, zoom and scroll through the time series. Users can interactively zoom through different portions of data ranging from milliseconds to years.\r\n\r\nOf course, merely creating a chart is just the beginning. Data is meant to be shared. When it comes to making presentations or sending regular updates of data via email, you need to be able to export your graphics in a way that doesn&#8217;t reduce their visual impact or functionality. In most cases, this means exporting time series plots as PDFs or digital images suitable for emailing. That is where\u00a0 <a href=\"https:\/\/www.fusioncharts.com\/dev\/exporting-charts\/using-fusionexport\/overview\">FusionExport<\/a> comes to the rescue by allowing you to export your charts, graphs, and even live dashboards. You can even add your branding or <a href=\"https:\/\/www.designhill.com\/tools\/logo-maker\" target=\"_blank\" rel=\"noopener\">logo design<\/a> to the exported visualizations.\r\n\r\nIf all this interests you, then read on to find out how you can export a FusionTime plot to a high-quality digital image using FusionExport in Node.js. In the example below, the exported time series includes both the main plot as well as a time navigator.\r\n\r\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-18415 size-large\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2021\/08\/export-1-1024x568.png\" alt=\"\" width=\"640\" height=\"355\" srcset=\"\/blog\/wp-content\/uploads\/2021\/08\/export-1-1024x568.png 1024w, \/blog\/wp-content\/uploads\/2021\/08\/export-1-300x166.png 300w, \/blog\/wp-content\/uploads\/2021\/08\/export-1-768x426.png 768w\" sizes=\"auto, (max-width: 640px) 100vw, 640px\" \/>\r\n<h2><span class=\"ez-toc-section\" id=\"How_Do_I_Use_FusionExport_To_Convert_FusionTime_Plot_To_Image_In_Nodejs\"><\/span>How Do I Use FusionExport To Convert FusionTime Plot To Image In Node.js<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nWondering how you can export your time series? It is easy to convert FusionTime plots to digital images or PDFs using FusionExport. Here we list 5 easy steps for converting time series plots to png files. You can also convert them to PDF files, and add any additional text, logos, icons, or visuals to your file.\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\nTo get started, first you need to <a href=\"https:\/\/www.fusioncharts.com\/download\/fusionexport?framework=javascript\">Download the FusionExport server<\/a> and follow the instructions for your machine. Find the location of the downloaded server and run it by entering the following command at the console. Make sure you replace YOUR_PATH with the <strong>server path<\/strong>.\r\n<pre>YOUR_PATH\/fusionexport<\/pre>\r\nIf the server runs successfully, you&#8217;ll see the following messages:\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_FusionExport_SDK_for_Nodejs\"><\/span>Step 2: Install FusionExport SDK for Node.js<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nThe next step is installing the FusionExport SDK. To get started, create a project directory called <strong>fusion-time-export-node-js.<\/strong> At the console, move to this directory and install the FusionExport SDK for Node.js by typing:\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_the_ChartConfiguration\"><\/span>Step 3: Create the ChartConfiguration<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nNow you need to configure your charting preferences. In the main project folder, create a resources folder. Add a file <strong>time-series-config.json<\/strong> to this folder. Copy the following contents to this file:\r\n<pre class=\"lang:markup\">[\r\n  {\r\n    \"type\": \"timeseries\",\r\n    \"renderAt\": \"chart-container\",\r\n    \"width\": \"100%\",\r\n    \"height\": \"100%\",\r\n    \"creditLabel\": false,\r\n    \"dataSource\": {\r\n      \"data\": {\r\n        \"schema\": [\r\n          {\r\n            \"name\": \"Time\",\r\n            \"type\": \"date\",\r\n            \"format\": \"%d-%b-%y\"\r\n          },\r\n          {\r\n            \"name\": \"Grocery Sales Value\",\r\n            \"type\": \"number\"\r\n          }\r\n        ],\r\n        \"data\":\"https:\/\/s3.eu-central-1.amazonaws.com\/fusion.store\/ft\/data\/line-chart-with-time-axis-data.json\"\r\n      },\r\n      \"caption\": {\r\n        \"text\": \"Sales Analysis\"\r\n      },\r\n      \"subCaption\": {\r\n        \"text\": \"Grocery\"\r\n      },\r\n      \"yAxis\": [\r\n        {\r\n          \"plot\": {\r\n            \"value\": \"Grocery Sales Value\"\r\n          },\r\n          \"format\": {\r\n            \"prefix\": \"$\"\r\n          },\r\n          \"title\": \"Sale Value\"\r\n        }\r\n      ]\r\n    }\r\n  }\r\n]<\/pre>\r\nLet&#8217;s take a look at the JSON text for the configuration of FusionTime chart.\u00a0 It requires a <strong>dataSource.data<\/strong> key, which again has two nested keys, i.e., schema and data. The schema is the meta description of data and specifies the formats for X and Y-axis data. The <strong>dataSource.data.data<\/strong> specifies the actual data array of points for plotting. We&#8217;ve used a URL for this tutorial, however, you can replace this with your own data.\r\n<h3><span class=\"ez-toc-section\" id=\"Step_4_Create_the_HTML_Template\"><\/span>Step 4: Create the HTML Template<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nNext, in the resources folder, create another file called <strong>time-series-template.html<\/strong>, which specifies the style of the plot. We have kept its format simple but you can add your own text, icon, or brand logo to it.\r\n<pre class=\"lang:markup\">&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;style&gt;\r\n.myDiv {\r\n \r\n  padding: 0px 12px;\r\n  width: 1600px;\r\n  height: 800px;\r\n}\r\n&lt;\/style&gt;\r\n&lt;\/head&gt;\r\n&lt;body&gt;\r\n\r\n&lt;h2&gt;FusionExport For Exporting FusionTime Charts&lt;\/h2&gt;\r\n\r\n&lt;div class=\"myDiv\" id = \"chart-container\"&gt;\r\n&lt;\/div&gt;\r\n\r\n&lt;p&gt;Powered by FusionTime&lt;\/p&gt;\r\n\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\r\n<h3><span class=\"ez-toc-section\" id=\"Step_5_Call_ExportConfig_and_ExportManager\"><\/span>Step 5: Call ExportConfig and ExportManager<span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nFinally, create a file called <strong>export-timeseries.js<\/strong>. In this file, create an instance of <strong>ExportConfig<\/strong> and <strong>ExportManager<\/strong>. Then, load the time series configuration and its template via <strong>ExportConfig<\/strong>. Create an instance of <strong>ExportManager<\/strong> and call its export method to export the time series. Paste the following code into <strong>export-timeseries.js<\/strong>:\r\n<pre class=\"lang:markup\">const fs = require('fs');\r\nconst path = require('path');\r\nconst {ExportManager, ExportConfig} = require('fusionexport-node-client');\r\n\r\n\/\/ Instantiate ExportManager and ExportConfig\r\nconst exportManager = new ExportManager();\r\nconst exportConfig = new ExportConfig();\r\n\r\n\/\/Read the configuration from JSON\r\nlet jsonStr = fs.readFileSync(\"resources\/time-series-config.json\", \"utf8\");\r\nlet chartConfig = JSON.parse(jsonStr);\r\n\r\n\/\/Set the options for exportConfig\r\nexportConfig.set(\"chartConfig\", chartConfig);\r\nexportConfig.set('templateFilePath', path.join('resources', 'time-series-template.html'));\r\nexportConfig.set('type', 'png');\r\nexportConfig.set('quality', 'best');\r\n\r\n\/\/ Export the chart\r\nexportManager.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});<\/pre>\r\n<h2><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><\/h2>\r\nTo run the code at the console type:\r\n<pre class=\"lang:markup\">node export-timeseries.js<\/pre>\r\nThis program will create a file called<strong> export.png<\/strong> that contains an image of your FusionTime chart. That&#8217;s it! We just exported an awesome FusionTime time series chart via FusionExport in 5 easy steps.\r\n\r\n<a href=\"https:\/\/github.com\/fusionchartsexpress\/JavascriptTimeChartExport\">You can download the source code for this app from here and try it out. Happy coding!<\/a>\r\n<h2><span class=\"ez-toc-section\" id=\"Are_There_More_Features_of_FusionExport\"><\/span>Are There More Features of FusionExport?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nFusionExport is not only easy to use, but it also includes options for exporting charts, graphs, maps, and gauges created via FusionCharts and other Javascript charting libraries. These libraries include D3.js, chart.js, and many more. You can use its SDK or call its services via API endpoints from many programming languages like C#, PHP, Python, and Java.\r\n\r\nDon&#8217;t wait! Get started with FusionTime and FusionExport today. <a href=\"https:\/\/www.fusioncharts.com\/download\/fusionexport?framework=javascript\">Download the free trial for FusionExport now<\/a>.\r\n\r\n&nbsp;\r\n\r\n&nbsp;","protected":false},"excerpt":{"rendered":"<p>One of the most common forms and useful ways to represent data is the time series chart.\u00a0 This is because time series charts are a familiar, easily-interpreted visual format that allow businesses and researchers to graphically represent two correlated pieces of information at once.\u00a0 Known as time series charts, times series graphs, or time series [&hellip;]<\/p>\n","protected":false},"author":59,"featured_media":18414,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17,813,705,18],"tags":[152,753,721,846,183,211,845,844],"coauthors":[769],"class_list":["post-18405","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-charting-guidelines","category-fusionexport","category-fusiontime","category-tutorials","tag-fusioncharts","tag-fusionexport","tag-fusiontime","tag-historical","tag-history","tag-javascript","tag-time","tag-timeseries-plots"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Turn JavaScript Time-Series Charts Into Images with Node 2026<\/title>\n<meta name=\"description\" content=\"Export FusionTime charts using Node.js. Learn how to add logos and text to your 2026 exported charts with FusionExport. Build branded corporate 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\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Turn JavaScript Time-Series Charts Into Images with Node 2026\" \/>\n<meta property=\"og:description\" content=\"Export FusionTime charts using Node.js. Learn how to add logos and text to your 2026 exported charts with FusionExport. Build branded corporate reports now.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2021-08-12T23:50:31+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T09:07:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2021\/08\/fusionTimeMain.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=\"5 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\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/\"\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\": \"How to Turn JavaScript Time-Series Charts Into Images with Node 2026\",\n\t            \"datePublished\": \"2021-08-12T23:50:31+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:07:35+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/\"\n\t            },\n\t            \"wordCount\": 886,\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\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\/blog\/wp-content\/uploads\/2021\/08\/fusionTimeMain.jpg\",\n\t            \"keywords\": [\n\t                \"FusionCharts\",\n\t                \"FusionExport\",\n\t                \"FusionTime\",\n\t                \"historical\",\n\t                \"history\",\n\t                \"javascript\",\n\t                \"time\",\n\t                \"timeseries plots\"\n\t            ],\n\t            \"articleSection\": [\n\t                \"Charting Guidelines\",\n\t                \"FusionExport\",\n\t                \"FusionTime\",\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\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#respond\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/\",\n\t            \"name\": \"How to Turn JavaScript Time-Series Charts Into Images with Node 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\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\/blog\/wp-content\/uploads\/2021\/08\/fusionTimeMain.jpg\",\n\t            \"datePublished\": \"2021-08-12T23:50:31+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:07:35+00:00\",\n\t            \"description\": \"Export FusionTime charts using Node.js. Learn how to add logos and text to your 2026 exported charts with FusionExport. Build branded corporate reports now.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#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\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/\"\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\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#primaryimage\",\n\t            \"url\": \"\/blog\/wp-content\/uploads\/2021\/08\/fusionTimeMain.jpg\",\n\t            \"contentUrl\": \"\/blog\/wp-content\/uploads\/2021\/08\/fusionTimeMain.jpg\",\n\t            \"width\": 1280,\n\t            \"height\": 896,\n\t            \"caption\": \"How To Turn Javascript Times Series Charts Into Images With NodeJS\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#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\": \"How to Turn JavaScript Time-Series Charts Into Images with Node 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":"How to Turn JavaScript Time-Series Charts Into Images with Node 2026","description":"Export FusionTime charts using Node.js. Learn how to add logos and text to your 2026 exported charts with FusionExport. Build branded corporate 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\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/","og_locale":"en_US","og_type":"article","og_title":"How to Turn JavaScript Time-Series Charts Into Images with Node 2026","og_description":"Export FusionTime charts using Node.js. Learn how to add logos and text to your 2026 exported charts with FusionExport. Build branded corporate reports now.","og_url":"https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2021-08-12T23:50:31+00:00","article_modified_time":"2026-01-20T09:07:35+00:00","og_image":[{"width":1280,"height":896,"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2021\/08\/fusionTimeMain.jpg","type":"image\/jpeg"}],"author":"Mehreen Saeed","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mehreen Saeed","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/"},"author":{"name":"Mehreen Saeed","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/93c1ff85ace69b8175fdec9016c8aca7"},"headline":"How to Turn JavaScript Time-Series Charts Into Images with Node 2026","datePublished":"2021-08-12T23:50:31+00:00","dateModified":"2026-01-20T09:07:35+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/"},"wordCount":886,"commentCount":0,"publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2021\/08\/fusionTimeMain.jpg","keywords":["FusionCharts","FusionExport","FusionTime","historical","history","javascript","time","timeseries plots"],"articleSection":["Charting Guidelines","FusionExport","FusionTime","Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/","url":"https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/","name":"How to Turn JavaScript Time-Series Charts Into Images with Node 2026","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#primaryimage"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2021\/08\/fusionTimeMain.jpg","datePublished":"2021-08-12T23:50:31+00:00","dateModified":"2026-01-20T09:07:35+00:00","description":"Export FusionTime charts using Node.js. Learn how to add logos and text to your 2026 exported charts with FusionExport. Build branded corporate reports now.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#primaryimage","url":"\/blog\/wp-content\/uploads\/2021\/08\/fusionTimeMain.jpg","contentUrl":"\/blog\/wp-content\/uploads\/2021\/08\/fusionTimeMain.jpg","width":1280,"height":896,"caption":"How To Turn Javascript Times Series Charts Into Images With NodeJS"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/how-to-turn-javascript-times-series-charts-into-images-with-nodejs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How to Turn JavaScript Time-Series Charts Into Images with Node 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\/18405","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=18405"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/18405\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media\/18414"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=18405"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=18405"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=18405"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=18405"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}