{"id":17796,"date":"2020-12-15T20:17:24","date_gmt":"2020-12-15T14:47:24","guid":{"rendered":"http:\/\/www.fusioncharts.com\/blog\/?p=17796"},"modified":"2026-09-25T17:31:29","modified_gmt":"2026-09-25T12:01:29","slug":"release-fusioncharts-3-16-fusiontime-2-4","status":"publish","type":"post","link":"https:\/\/www.fusioncharts.com\/blog\/release-fusioncharts-3-16-fusiontime-2-4","title":{"rendered":"FusionCharts 3.16 &#038; FusionTime 2.4 Release Notes"},"content":{"rendered":"<p>Pattern fills that can be customized, responsive typography, auto-time clipping, flexible legend placements, and so much more! We hope you are as excited as we are to discover what we have in store for you in this feature-packed, gleaming new release of FusionCharts 3.16 &amp; FusionTime 2.4! Many highly requested features are included in this release, making our <a href=\"https:\/\/www.fusioncharts.com\/charts\">Data Charts<\/a> more robust, accessible, and user-friendly.<\/p>\n<p>In this post, we&#8217;ll go over the key features of FusionCharts 3.16 and FusionTime 2.4, as well as some interesting and well-explained examples! Let&#8217;s get started!<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\"><p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<\/div><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><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\/release-fusioncharts-3-16-fusiontime-2-4\/#FusionCharts_316_Key_Features\" >FusionCharts 3.16 Key Features<\/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\/release-fusioncharts-3-16-fusiontime-2-4\/#FusionTime_24_Key_Features\" >FusionTime 2.4 Key Features<\/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\/release-fusioncharts-3-16-fusiontime-2-4\/#FusionCharts_316_Features_Examples\" >FusionCharts 3.16 Features Examples<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.fusioncharts.com\/blog\/release-fusioncharts-3-16-fusiontime-2-4\/#Pattern_Fill\" >Pattern Fill<\/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\/release-fusioncharts-3-16-fusiontime-2-4\/#Support_for_Inline_HTML_Elements\" >Support for Inline HTML Elements<\/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\/release-fusioncharts-3-16-fusiontime-2-4\/#Responsive_Typography\" >Responsive Typography<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.fusioncharts.com\/blog\/release-fusioncharts-3-16-fusiontime-2-4\/#FusionTime_24_Features_Examples\" >FusionTime 2.4 Features Examples<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.fusioncharts.com\/blog\/release-fusioncharts-3-16-fusiontime-2-4\/#Legend_Improvements\" >Legend Improvements<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.fusioncharts.com\/blog\/release-fusioncharts-3-16-fusiontime-2-4\/#Auto_Time-Axis_Clipping\" >Auto Time-Axis Clipping<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.fusioncharts.com\/blog\/release-fusioncharts-3-16-fusiontime-2-4\/#Improved_ExcelCSV_Export\" >Improved Excel\/CSV Export<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.fusioncharts.com\/blog\/release-fusioncharts-3-16-fusiontime-2-4\/#Try_FusionCharts_Today\" >Try FusionCharts Today!<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.fusioncharts.com\/blog\/release-fusioncharts-3-16-fusiontime-2-4\/#Send_Us_Feedback\" >Send Us Feedback<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"FusionCharts_316_Key_Features\"><\/span><b>FusionCharts 3.16 Key Features<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li style=\"font-weight: 400;\"><b>Support for Inline HTML Elements <\/b><span style=\"font-weight: 400;\">for all text elements of the chart.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Responsive typography<\/b><span style=\"font-weight: 400;\">: Supports relative text sizes, i.e., <code>rem<\/code>, <code>em<\/code>, <code>%<\/code>, and <code>vw<\/code>, making chart typography relative and scalable across screen sizes.\u00a0<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Pattern fill<\/b><span style=\"font-weight: 400;\">: All chart types now have pattern fill options, and adding solid color fills further enhances chart usability, especially for print media.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Tooltip enhancements for Chord and Sankey\u00a0<\/b><span style=\"font-weight: 400;\"><strong>Charts:<\/strong> Open macros to allow developers to customize tooltips for Chord and Sankey diagrams.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Several Improvements across axis, legend, APIs, and multiple other chart components<\/b><\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"FusionTime_24_Key_Features\"><\/span><b>FusionTime 2.4 Key Features<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<ul>\n<li style=\"font-weight: 400;\"><b>Legend Improvements<\/b><span style=\"font-weight: 400;\">: New options to place charts legend at 12 different positions.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Auto time-axis clipping<\/b><span style=\"font-weight: 400;\">: Enhanced UX across all charts with auto-time-axis clipping when null data is present. Particularly useful in stock data plotting for situations like circuit breakers, public holidays, etc.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Improved Excel\/CSV Export<\/b><span style=\"font-weight: 400;\">: Several improvements in the Excel\/CSV export format and column headers.<\/span><\/li>\n<li style=\"font-weight: 400;\"><b>Many other improvements across APIs, zooming\/panning, data store, and other chart components<\/b><span style=\"font-weight: 400;\">\u00a0<\/span><\/li>\n<\/ul>\n<hr \/>\n<h2><span class=\"ez-toc-section\" id=\"FusionCharts_316_Features_Examples\"><\/span><b>FusionCharts 3.16 Features Examples<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"Pattern_Fill\"><\/span><b>Pattern Fill<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">New support for chart pattern fill will enable the charts to be easily used in print media type of use cases that heavily relies on pattern fill over solid colors.<\/span><\/p>\n<p>See the Pen Pattern Fill for Charts by FusionCharts<br \/>\n(@fusioncharts) on CodePen.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Support_for_Inline_HTML_Elements\"><\/span><b>Support for Inline HTML Elements<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>We are bringing inline HTML elements to support all chart text elements, making them highly customizable and developer-friendly.<\/p>\n<p>See the Pen Support for HTML tags across all chart text elements by FusionCharts<br \/>\n(@fusioncharts) on CodePen.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Responsive_Typography\"><\/span><b>Responsive Typography<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span data-preserver-spaces=\"true\">Version 3.16 supports relative text sizes, i.e., rem, em, %, and vw making chart typography relative and scalable across different screen sizes. Your charts are now more responsive and mobile-friendly!<\/span><\/p>\n<p>See the Pen Relative Font Sizes by FusionCharts<br \/>\n(@fusioncharts) on CodePen.<\/p>\n<hr \/>\n<h2><span class=\"ez-toc-section\" id=\"FusionTime_24_Features_Examples\"><\/span><b>FusionTime 2.4 Features Examples<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"Legend_Improvements\"><\/span><b>Legend Improvements<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Developers will have the new options to place charts legends at 12 different positions for improved UX.\u00a0\u00a0<\/span><\/p>\n<p>See the Pen Legend Position &#8211; Time Series Charts \ud83d\udccc by FusionCharts<br \/>\n(@fusioncharts) on CodePen.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Auto_Time-Axis_Clipping\"><\/span><b>Auto Time-Axis Clipping<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>We are introducing auto time-axis clipping when null data is present. This feature is particularly useful in stock data plotting in circuit breakers, public holidays, etc., where there is null data on specific instances.<\/p>\n<p>See the Pen Auto Time Axis Clipping &#8211; FusionTime \u2702\ufe0f by FusionCharts<br \/>\n(@fusioncharts) on CodePen.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Improved_ExcelCSV_Export\"><\/span><b>Improved Excel\/CSV Export<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Version 2.4 improves the Excel\/CSV export format and column headers, improving consistency in exporting charts.<\/span><\/p>\n<p>See the Pen Chart Export &#8211; FusionTime \ud83d\udcc1 by FusionCharts<br \/>\n(@fusioncharts) on CodePen.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Try_FusionCharts_Today\"><\/span><b>Try FusionCharts Today!<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">We\u2019re sure you are looking forward to trying out these features. Get ahead with your charting projects\u00a0<\/span><br \/>\n<a href=\"https:\/\/www.fusioncharts.com\/download\/fusioncharts-suite-xt?framework=js\"><b>Start FusionCharts 14-day trial today<\/b><\/a><br \/>\n<span style=\"font-weight: 400;\">Ready to buy or upgrade? You\u2019ve made the right choice! Buy or upgrade <\/span><a href=\"https:\/\/cart.fusioncharts.com\/\"><span style=\"font-weight: 400;\"><strong>here<\/strong><\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Send_Us_Feedback\"><\/span><b>Send Us Feedback<\/b><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">We love to hear from the community. If you have any suggestions drop us an email at <\/span><a href=\"mailto:product@fusioncharts.com\"><span style=\"font-weight: 400;\">product@fusioncharts.com<\/span><\/a><span style=\"font-weight: 400;\"> or <\/span><a href=\"https:\/\/www.fusioncharts.com\/contact-us\"><span style=\"font-weight: 400;\">contact us<\/span><\/a><span style=\"font-weight: 400;\">.\u00a0<\/span><br \/>\n<span style=\"font-weight: 400;\"><strong>Happy Charting!<\/strong><\/span><\/p>\n<hr \/>\n","protected":false},"excerpt":{"rendered":"<p>Pattern fills that can be customized, responsive typography, auto-time clipping, flexible legend placements, and so much more! We hope you are as excited as we are to discover what we have in store for you in this feature-packed, gleaming new release of FusionCharts 3.16 &amp; FusionTime 2.4! Many highly requested features are included in this [&hellip;]<\/p>\n","protected":false},"author":52,"featured_media":17826,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[722,705,16],"tags":[683,152,290,311,726],"coauthors":[733,732,688],"class_list":["post-17796","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-fusioncharts","category-fusiontime","category-news-announcements","tag-charts","tag-fusioncharts","tag-powercharts","tag-release","tag-timeseries"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>FusionCharts 3.16 and FusionTime 2.4 Release Notes<\/title>\n<meta name=\"description\" content=\"Use reusable React components to render multiple charts. Learn how to break your 2026 code into independent, efficient pieces. Optimize your front-end 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\/release-fusioncharts-3-16-fusiontime-2-4\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"FusionCharts 3.16 and FusionTime 2.4 Release Notes\" \/>\n<meta property=\"og:description\" content=\"Use reusable React components to render multiple charts. Learn how to break your 2026 code into independent, efficient pieces. Optimize your front-end now.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/release-fusioncharts-3-16-fusiontime-2-4\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-15T14:47:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-25T12:01:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2020\/12\/FC-3.16-Featured-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"950\" \/>\n\t<meta property=\"og:image:height\" content=\"370\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Kirti Joshi, Nihar Sawant, Gagan Sikri\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Kirti Joshi, Nihar Sawant, Gagan Sikri\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 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\\\/release-fusioncharts-3-16-fusiontime-2-4#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/release-fusioncharts-3-16-fusiontime-2-4\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Kirti Joshi\",\n\t                \"@id\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/#\\\/schema\\\/person\\\/b9fdc43f7e19100424287da355cc03d9\"\n\t            },\n\t            \"headline\": \"FusionCharts 3.16 &#038; FusionTime 2.4 Release Notes\",\n\t            \"datePublished\": \"2020-12-15T14:47:24+00:00\",\n\t            \"dateModified\": \"2026-09-25T12:01:29+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/release-fusioncharts-3-16-fusiontime-2-4\"\n\t            },\n\t            \"wordCount\": 567,\n\t            \"commentCount\": 2,\n\t            \"publisher\": {\n\t                \"@id\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/#organization\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/release-fusioncharts-3-16-fusiontime-2-4#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/FC-3.16-Featured-image.png\",\n\t            \"keywords\": [\n\t                \"charts\",\n\t                \"FusionCharts\",\n\t                \"powercharts\",\n\t                \"release\",\n\t                \"timeseries\"\n\t            ],\n\t            \"articleSection\": [\n\t                \"FusionCharts\",\n\t                \"FusionTime\",\n\t                \"News &amp; Announcements\"\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\\\/release-fusioncharts-3-16-fusiontime-2-4#respond\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/release-fusioncharts-3-16-fusiontime-2-4\",\n\t            \"url\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/release-fusioncharts-3-16-fusiontime-2-4\",\n\t            \"name\": \"FusionCharts 3.16 and FusionTime 2.4 Release Notes\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/#website\"\n\t            },\n\t            \"primaryImageOfPage\": {\n\t                \"@id\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/release-fusioncharts-3-16-fusiontime-2-4#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/release-fusioncharts-3-16-fusiontime-2-4#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/FC-3.16-Featured-image.png\",\n\t            \"datePublished\": \"2020-12-15T14:47:24+00:00\",\n\t            \"dateModified\": \"2026-09-25T12:01:29+00:00\",\n\t            \"description\": \"Use reusable React components to render multiple charts. Learn how to break your 2026 code into independent, efficient pieces. Optimize your front-end now.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/release-fusioncharts-3-16-fusiontime-2-4#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\\\/release-fusioncharts-3-16-fusiontime-2-4\"\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\\\/release-fusioncharts-3-16-fusiontime-2-4#primaryimage\",\n\t            \"url\": \"\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/FC-3.16-Featured-image.png\",\n\t            \"contentUrl\": \"\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/12\\\/FC-3.16-Featured-image.png\",\n\t            \"width\": 950,\n\t            \"height\": 370\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/release-fusioncharts-3-16-fusiontime-2-4#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"FusionCharts 3.16 &#038; FusionTime 2.4 Release Notes\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/#website\",\n\t            \"url\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/\",\n\t            \"name\": \"FusionBrew - The FusionCharts Blog\",\n\t            \"description\": \"Get tips and tricks on how to build effective Data Visualisation using FusionCharts\",\n\t            \"publisher\": {\n\t                \"@id\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/#organization\",\n\t            \"name\": \"FusionCharts\",\n\t            \"url\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\n\t                \"url\": \"\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/idera-fc-logo.svg\",\n\t                \"contentUrl\": \"\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/03\\\/idera-fc-logo.svg\",\n\t                \"width\": 1,\n\t                \"height\": 1,\n\t                \"caption\": \"FusionCharts\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"\n\t            }\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/#\\\/schema\\\/person\\\/b9fdc43f7e19100424287da355cc03d9\",\n\t            \"name\": \"Kirti Joshi\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"\\\/blog\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/afc\\\/afc83c157e4e9c00eb4e4cbf2ee5701fx96.jpg6dd688eccc10d4d663b40f51cdb204ba\",\n\t                \"url\": \"\\\/blog\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/afc\\\/afc83c157e4e9c00eb4e4cbf2ee5701fx96.jpg\",\n\t                \"contentUrl\": \"\\\/blog\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/afc\\\/afc83c157e4e9c00eb4e4cbf2ee5701fx96.jpg\",\n\t                \"caption\": \"Kirti Joshi\"\n\t            },\n\t            \"url\": \"https:\\\/\\\/www.fusioncharts.com\\\/blog\\\/author\\\/kirti-joshi\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"FusionCharts 3.16 and FusionTime 2.4 Release Notes","description":"Use reusable React components to render multiple charts. Learn how to break your 2026 code into independent, efficient pieces. Optimize your front-end 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\/release-fusioncharts-3-16-fusiontime-2-4","og_locale":"en_US","og_type":"article","og_title":"FusionCharts 3.16 and FusionTime 2.4 Release Notes","og_description":"Use reusable React components to render multiple charts. Learn how to break your 2026 code into independent, efficient pieces. Optimize your front-end now.","og_url":"https:\/\/www.fusioncharts.com\/blog\/release-fusioncharts-3-16-fusiontime-2-4","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2020-12-15T14:47:24+00:00","article_modified_time":"2026-09-25T12:01:29+00:00","og_image":[{"width":950,"height":370,"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2020\/12\/FC-3.16-Featured-image.png","type":"image\/png"}],"author":"Kirti Joshi, Nihar Sawant, Gagan Sikri","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Kirti Joshi, Nihar Sawant, Gagan Sikri","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/release-fusioncharts-3-16-fusiontime-2-4#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/release-fusioncharts-3-16-fusiontime-2-4"},"author":{"name":"Kirti Joshi","@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#\/schema\/person\/b9fdc43f7e19100424287da355cc03d9"},"headline":"FusionCharts 3.16 &#038; FusionTime 2.4 Release Notes","datePublished":"2020-12-15T14:47:24+00:00","dateModified":"2026-09-25T12:01:29+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/release-fusioncharts-3-16-fusiontime-2-4"},"wordCount":567,"commentCount":2,"publisher":{"@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/release-fusioncharts-3-16-fusiontime-2-4#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2020\/12\/FC-3.16-Featured-image.png","keywords":["charts","FusionCharts","powercharts","release","timeseries"],"articleSection":["FusionCharts","FusionTime","News &amp; Announcements"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/release-fusioncharts-3-16-fusiontime-2-4#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/release-fusioncharts-3-16-fusiontime-2-4","url":"https:\/\/www.fusioncharts.com\/blog\/release-fusioncharts-3-16-fusiontime-2-4","name":"FusionCharts 3.16 and FusionTime 2.4 Release Notes","isPartOf":{"@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/release-fusioncharts-3-16-fusiontime-2-4#primaryimage"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/release-fusioncharts-3-16-fusiontime-2-4#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2020\/12\/FC-3.16-Featured-image.png","datePublished":"2020-12-15T14:47:24+00:00","dateModified":"2026-09-25T12:01:29+00:00","description":"Use reusable React components to render multiple charts. Learn how to break your 2026 code into independent, efficient pieces. Optimize your front-end now.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/release-fusioncharts-3-16-fusiontime-2-4#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/release-fusioncharts-3-16-fusiontime-2-4"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/release-fusioncharts-3-16-fusiontime-2-4#primaryimage","url":"\/blog\/wp-content\/uploads\/2020\/12\/FC-3.16-Featured-image.png","contentUrl":"\/blog\/wp-content\/uploads\/2020\/12\/FC-3.16-Featured-image.png","width":950,"height":370},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/release-fusioncharts-3-16-fusiontime-2-4#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog"},{"@type":"ListItem","position":2,"name":"FusionCharts 3.16 &#038; FusionTime 2.4 Release Notes"}]},{"@type":"WebSite","@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#website","url":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/","name":"FusionBrew - The FusionCharts Blog","description":"Get tips and tricks on how to build effective Data Visualisation using FusionCharts","publisher":{"@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#organization","name":"FusionCharts","url":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#\/schema\/logo\/image\/","url":"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg","contentUrl":"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg","width":1,"height":1,"caption":"FusionCharts"},"image":{"@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#\/schema\/person\/b9fdc43f7e19100424287da355cc03d9","name":"Kirti Joshi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"\/blog\/wp-content\/wphb-cache\/gravatar\/afc\/afc83c157e4e9c00eb4e4cbf2ee5701fx96.jpg6dd688eccc10d4d663b40f51cdb204ba","url":"\/blog\/wp-content\/wphb-cache\/gravatar\/afc\/afc83c157e4e9c00eb4e4cbf2ee5701fx96.jpg","contentUrl":"\/blog\/wp-content\/wphb-cache\/gravatar\/afc\/afc83c157e4e9c00eb4e4cbf2ee5701fx96.jpg","caption":"Kirti Joshi"},"url":"https:\/\/www.fusioncharts.com\/blog\/author\/kirti-joshi"}]}},"_links":{"self":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/17796","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\/52"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/comments?post=17796"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/17796\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media\/17826"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=17796"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=17796"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=17796"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=17796"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}