{"id":25363,"date":"2026-09-28T08:06:32","date_gmt":"2026-09-28T02:36:32","guid":{"rendered":"https:\/\/www.fusioncharts.com\/blog\/?p=25363"},"modified":"2026-10-05T00:07:06","modified_gmt":"2026-10-04T18:37:06","slug":"fusioncharts-sdk-updates-2026-sep","status":"publish","type":"post","link":"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-sdk-updates-2026-sep","title":{"rendered":"FusionCharts SDK Updates: Angular, Svelte, React Native, and Flutter"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">We released updated FusionCharts SDKs for <\/span><b>Angular, Svelte, React Native, and Flutter<\/b><span style=\"font-weight: 400;\"> to support newer framework versions. These updates also address critical and high-severity vulnerabilities identified in the SDKs.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">These releases update the framework-specific wrappers, not the core library.<\/span><span style=\"font-weight: 400;\">\u00a0The updated SDKs make it easier to use FusionCharts with the current versions of these frameworks.<\/span><\/p>\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\/fusioncharts-sdk-updates-2026-sep\/#Whats_Updated\" title=\"What\u2019s Updated?\">What\u2019s Updated?<\/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\/fusioncharts-sdk-updates-2026-sep\/#Whats_New_for_Each_SDK\" title=\"What\u2019s New for Each SDK?\">What\u2019s New for Each SDK?<\/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\/fusioncharts-sdk-updates-2026-sep\/#Angular_FusionCharts_500\" title=\"Angular FusionCharts 5.0.0\">Angular FusionCharts 5.0.0<\/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\/fusioncharts-sdk-updates-2026-sep\/#Svelte_FusionCharts_200\" title=\"Svelte FusionCharts 2.0.0\">Svelte FusionCharts 2.0.0<\/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\/fusioncharts-sdk-updates-2026-sep\/#React_Native_FusionCharts_700\" title=\"React Native FusionCharts 7.0.0\">React Native FusionCharts 7.0.0<\/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\/fusioncharts-sdk-updates-2026-sep\/#Flutter_FusionCharts_200\" title=\"Flutter FusionCharts 2.0.0\">Flutter FusionCharts 2.0.0<\/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\/fusioncharts-sdk-updates-2026-sep\/#What_These_SDK_Updates_Mean_for_Developers\" title=\"What These SDK Updates Mean for Developers\">What These SDK Updates Mean for Developers<\/a><\/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\/fusioncharts-sdk-updates-2026-sep\/#Get_the_Updated_SDKs\" title=\"Get the Updated SDKs\">Get the Updated SDKs<\/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\/fusioncharts-sdk-updates-2026-sep\/#Upgrade_and_Start_Building\" title=\"Upgrade and Start Building\">Upgrade and Start Building<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Whats_Updated\"><\/span><span style=\"font-weight: 400;\">What\u2019s Updated?<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The updated FusionCharts SDKs support the newer versions of their respective frameworks, as shown in the table below:<\/span><\/p>\n\n<table id=\"tablepress-44\" class=\"tablepress tablepress-id-44\">\n<thead>\n<tr class=\"row-1\">\n\t<th class=\"column-1\">SDK<\/th><th class=\"column-2\">New Version<\/th><th class=\"column-3\">Supported Framework Versions<\/th>\n<\/tr>\n<\/thead>\n<tbody class=\"row-striping row-hover\">\n<tr class=\"row-2\">\n\t<td class=\"column-1\">angular-fusioncharts<\/td><td class=\"column-2\">5.0.0<\/td><td class=\"column-3\">Angular 20, 21, 22<\/td>\n<\/tr>\n<tr class=\"row-3\">\n\t<td class=\"column-1\">svelte-fusioncharts<\/td><td class=\"column-2\">2.0.0<\/td><td class=\"column-3\">Svelte 4, 5<\/td>\n<\/tr>\n<tr class=\"row-4\">\n\t<td class=\"column-1\">react-native-fusioncharts<\/td><td class=\"column-2\">7.0.0<\/td><td class=\"column-3\">React Native 0.75\u20130.87<\/td>\n<\/tr>\n<tr class=\"row-5\">\n\t<td class=\"column-1\">flutter_fusioncharts<\/td><td class=\"column-2\">2.0.0<\/td><td class=\"column-3\">Flutter 3.3.8 and above, certified through 3.44.9<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\n<p><span style=\"font-weight: 400;\">You can upgrade to the corresponding FusionCharts SDK when building with one of these supported framework versions to get the updated compatibility and security improvements.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Whats_New_for_Each_SDK\"><\/span><span style=\"font-weight: 400;\">What\u2019s New for Each SDK?<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The SDK updates bring each FusionCharts integration up to date with newer framework versions. If you\u2019re upgrading an existing application, here are the main changes and implementation details to know.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Angular_FusionCharts_500\"><\/span><span style=\"font-weight: 400;\">Angular FusionCharts 5.0.0<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">angular-fusioncharts<\/span><span style=\"font-weight: 400;\"> 5.x supports <\/span><b>Angular 20, 21, and 22<\/b><span style=\"font-weight: 400;\"> and has been validated with FusionCharts 4.2.2. Applications using Angular 19 or earlier should remain on <\/span><span style=\"font-weight: 400;\">angular-fusioncharts<\/span><span style=\"font-weight: 400;\"> 4.x.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Version 5 is primarily a packaging-level update. The existing <\/span><span style=\"font-weight: 400;\">&lt;fusioncharts&gt;<\/span><span style=\"font-weight: 400;\"> component API, inputs, outputs, and <\/span><span style=\"font-weight: 400;\">fcRoot<\/span><span style=\"font-weight: 400;\"> setup remain unchanged. In v5, the package uses Angular Package Format with partial-Ivy\/FESM2022 and ESM-only modules. <\/span><span style=\"font-weight: 400;\">fusioncharts<\/span><span style=\"font-weight: 400;\"> is now listed as a peer dependency.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Install the wrapper and FusionCharts together:<\/span><\/p>\n<div class=\"wp-block-codemirror-blocks code-block \">\n<pre class=\"CodeMirror\" data-setting=\"{&quot;mode&quot;:&quot;shell&quot;,&quot;mime&quot;:&quot;text\/x-sh&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:true,&quot;lineWrapping&quot;:true,&quot;styleActiveLine&quot;:false,&quot;readOnly&quot;:true,&quot;align&quot;:&quot;&quot;}\">npm install angular-fusioncharts fusioncharts<\/pre>\n<\/div>\n<p><span style=\"font-weight: 400;\">For a standalone Angular application, register FusionCharts once and import <\/span><span style=\"font-weight: 400;\">FusionChartsModule<\/span><span style=\"font-weight: 400;\"> into the component:<\/span><\/p>\n<div class=\"wp-block-codemirror-blocks code-block \">\n<pre class=\"CodeMirror\" data-setting=\"{&quot;mode&quot;:&quot;javascript&quot;,&quot;mime&quot;:&quot;text\/javascript&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:true,&quot;lineWrapping&quot;:true,&quot;styleActiveLine&quot;:false,&quot;readOnly&quot;:true,&quot;align&quot;:&quot;&quot;}\">import { Component } from '@angular\/core';\r\nimport { FusionChartsModule } from 'angular-fusioncharts';\r\n\r\nimport FusionCharts from 'fusioncharts';\r\nimport Charts from 'fusioncharts\/fusioncharts.charts';\r\nimport FusionTheme from 'fusioncharts\/themes\/fusioncharts.theme.fusion';\r\n\r\nFusionChartsModule.fcRoot(FusionCharts, Charts, FusionTheme);\r\n\r\n@Component({\r\n  selector: 'app-root',\r\n  standalone: true,\r\n  imports: [FusionChartsModule],\r\n  template: `\r\n    &lt;fusioncharts\r\n      type=\"column2d\"\r\n      width=\"600\"\r\n      height=\"400\"\r\n      dataFormat=\"json\"\r\n      [dataSource]=\"dataSource\"&gt;\r\n    &lt;\/fusioncharts&gt;\r\n  `\r\n})\r\nexport class App {\r\n  dataSource = {\r\n    chart: {\r\n      caption: 'Quarterly Revenue',\r\n      theme: 'fusion'\r\n    },\r\n    data: [\r\n      { label: 'Q1', value: '120' },\r\n      { label: 'Q2', value: '150' },\r\n      { label: 'Q3', value: '170' }\r\n    ]\r\n  };\r\n}<\/pre>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-25366\" src=\"\/blog\/wp-content\/uploads\/2026\/10\/FusionCharts-Angular-Demo.png\" alt=\"FusionCharts-Angular Demo\" width=\"635\" height=\"554\" srcset=\"\/blog\/wp-content\/uploads\/2026\/10\/FusionCharts-Angular-Demo.png 635w, \/blog\/wp-content\/uploads\/2026\/10\/FusionCharts-Angular-Demo-300x262.png 300w, \/blog\/wp-content\/uploads\/2026\/10\/FusionCharts-Angular-Demo-344x300.png 344w, \/blog\/wp-content\/uploads\/2026\/10\/FusionCharts-Angular-Demo-400x349.png 400w\" sizes=\"auto, (max-width: 635px) 100vw, 635px\" \/><\/p>\n<p><b>Upgrading from v4?<\/b><span style=\"font-weight: 400;\"> Your component code generally does not need to change. However, remove <\/span><span style=\"font-weight: 400;\">@types\/fusioncharts<\/span><span style=\"font-weight: 400;\"> from <\/span><span style=\"font-weight: 400;\">package.json<\/span><span style=\"font-weight: 400;\">, as TypeScript types now ship with the package. Applications that directly loaded the old UMD bundle also need to switch to standard package imports.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Svelte_FusionCharts_200\"><\/span><span style=\"font-weight: 400;\">Svelte FusionCharts 2.0.0<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">svelte-fusioncharts<\/span><span style=\"font-weight: 400;\"> 2.0.0 supports both <\/span><b>Svelte 4 and Svelte 5<\/b><span style=\"font-weight: 400;\">. The package ships its <\/span><span style=\"font-weight: 400;\">.svelte<\/span><span style=\"font-weight: 400;\"> source and lets your application&#8217;s Svelte toolchain compile it, allowing the same package to work across both supported Svelte versions.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Install the wrapper alongside FusionCharts:<\/span><\/p>\n<div class=\"wp-block-codemirror-blocks code-block \">\n<pre class=\"CodeMirror\" data-setting=\"{&quot;mode&quot;:&quot;shell&quot;,&quot;mime&quot;:&quot;text\/x-sh&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:true,&quot;lineWrapping&quot;:true,&quot;styleActiveLine&quot;:false,&quot;readOnly&quot;:true,&quot;align&quot;:&quot;&quot;}\">npm install svelte-fusioncharts fusioncharts<\/pre>\n<\/div>\n<p><span style=\"font-weight: 400;\">A basic implementation looks like this:<\/span><\/p>\n<div class=\"wp-block-codemirror-blocks code-block \">\n<pre class=\"CodeMirror\" data-setting=\"{&quot;mode&quot;:&quot;htmlmixed&quot;,&quot;mime&quot;:&quot;text\/html&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:true,&quot;lineWrapping&quot;:true,&quot;styleActiveLine&quot;:false,&quot;readOnly&quot;:true,&quot;align&quot;:&quot;&quot;}\">&lt;script&gt;\r\n  import FusionCharts from 'fusioncharts';\r\n  import Charts from 'fusioncharts\/fusioncharts.charts';\r\n  import FusionTheme from 'fusioncharts\/themes\/fusioncharts.theme.fusion';\r\n  import SvelteFC, { fcRoot } from 'svelte-fusioncharts';\r\n\r\n  fcRoot(FusionCharts, Charts, FusionTheme);\r\n\r\n  const chartConfigs = {\r\n    type: 'column2d',\r\n    width: 600,\r\n    height: 400,\r\n    dataFormat: 'json',\r\n    dataSource: {\r\n      chart: {\r\n        caption: 'Quarterly Revenue',\r\n        theme: 'fusion'\r\n      },\r\n      data: [\r\n        { label: 'Q1', value: '120' },\r\n        { label: 'Q2', value: '150' },\r\n        { label: 'Q3', value: '170' }\r\n      ]\r\n    }\r\n  };\r\n&lt;\/script&gt;\r\n\r\n&lt;SvelteFC {...chartConfigs} \/&gt;<\/pre>\n<\/div>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-25367\" src=\"\/blog\/wp-content\/uploads\/2026\/10\/FusionCharts-Svelte-Demo.png\" alt=\"FusionCharts-Svelte Demo\" width=\"1053\" height=\"570\" srcset=\"\/blog\/wp-content\/uploads\/2026\/10\/FusionCharts-Svelte-Demo.png 1053w, \/blog\/wp-content\/uploads\/2026\/10\/FusionCharts-Svelte-Demo-300x162.png 300w, \/blog\/wp-content\/uploads\/2026\/10\/FusionCharts-Svelte-Demo-1024x554.png 1024w, \/blog\/wp-content\/uploads\/2026\/10\/FusionCharts-Svelte-Demo-768x416.png 768w, \/blog\/wp-content\/uploads\/2026\/10\/FusionCharts-Svelte-Demo-450x244.png 450w, \/blog\/wp-content\/uploads\/2026\/10\/FusionCharts-Svelte-Demo-400x217.png 400w\" sizes=\"auto, (max-width: 1053px) 100vw, 1053px\" \/><\/p>\n<p><b>Using SvelteKit?<\/b><span style=\"font-weight: 400;\"> FusionCharts requires a browser DOM and should not be imported during server-side rendering. For a chart-only route or dashboard, you can disable SSR for that route:<\/span><\/p>\n<div class=\"wp-block-codemirror-blocks code-block \">\n<pre class=\"CodeMirror\" data-setting=\"{&quot;mode&quot;:&quot;javascript&quot;,&quot;mime&quot;:&quot;text\/javascript&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:true,&quot;lineWrapping&quot;:true,&quot;styleActiveLine&quot;:false,&quot;readOnly&quot;:true,&quot;align&quot;:&quot;&quot;}\">\/\/ +page.js\r\nexport const ssr = false;\r\n<\/pre>\n<\/div>\n<p><span style=\"font-weight: 400;\">If the rest of the page needs SSR, load the chart component on the client instead.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"React_Native_FusionCharts_700\"><\/span><span style=\"font-weight: 400;\">React Native FusionCharts 7.0.0<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">react-native-fusioncharts<\/span><span style=\"font-weight: 400;\"> 7.0.0 supports <\/span><b>React Native 0.75 through 0.87<\/b><span style=\"font-weight: 400;\"> and the corresponding React 18 and React 19 versions. It also supports Expo SDK 51\u201357 through <\/span><b>development builds<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Install the wrapper and its native dependencies:<\/span><\/p>\n<div class=\"wp-block-codemirror-blocks code-block \">\n<pre class=\"CodeMirror\" data-setting=\"{&quot;mode&quot;:&quot;shell&quot;,&quot;mime&quot;:&quot;text\/x-sh&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:true,&quot;lineWrapping&quot;:true,&quot;styleActiveLine&quot;:false,&quot;readOnly&quot;:true,&quot;align&quot;:&quot;&quot;}\">npm install react-native-fusioncharts@7.0.0 \\\r\n  @dr.pogodin\/react-native-fs@2.40.0 \\\r\n  @notifee\/react-native@^9.1.8 \\\r\n  @react-native-camera-roll\/camera-roll@^7.10.2 \\\r\n  react-native-share@^12.3.1 \\\r\n  react-native-webview@^14.0.1<\/pre>\n<\/div>\n<p><span style=\"font-weight: 400;\">Then configure the chart and pass it to the <\/span><span style=\"font-weight: 400;\">ReactNativeFusionCharts<\/span><span style=\"font-weight: 400;\"> component:<\/span><\/p>\n<div class=\"wp-block-codemirror-blocks code-block \">\n<pre class=\"CodeMirror\" data-setting=\"{&quot;mode&quot;:&quot;javascript&quot;,&quot;mime&quot;:&quot;application\/typescript&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:true,&quot;lineWrapping&quot;:true,&quot;styleActiveLine&quot;:false,&quot;readOnly&quot;:true,&quot;align&quot;:&quot;&quot;}\">import React from 'react';\r\nimport {SafeAreaView, StyleSheet} from 'react-native';\r\nimport ReactNativeFusionCharts from 'react-native-fusioncharts';\r\n\r\nfunction App() {\r\n  const chartConfig = {\r\n    type: 'column2d',\r\n    width: '100%',\r\n    height: '400',\r\n    dataFormat: 'json',\r\n    dataSource: {\r\n      chart: {\r\n        caption: 'Quarterly Revenue',\r\n        xAxisName: 'Quarter',\r\n        yAxisName: 'Revenue',\r\n        theme: 'fusion',\r\n      },\r\n      data: [\r\n        {label: 'Q1', value: '120'},\r\n        {label: 'Q2', value: '150'},\r\n        {label: 'Q3', value: '170'},\r\n      ],\r\n    },\r\n  };\r\n\r\n  return (\r\n    &lt;SafeAreaView style={styles.container}&gt;\r\n      &lt;ReactNativeFusionCharts chartConfig={chartConfig} \/&gt;\r\n    &lt;\/SafeAreaView&gt;\r\n  );\r\n}\r\n\r\nconst styles = StyleSheet.create({\r\n  container: {\r\n    flex: 1,\r\n    justifyContent: 'center',\r\n  },\r\n});\r\n\r\nexport default App;<\/pre>\n<\/div>\n<p><span style=\"font-weight: 400;\">For iOS projects, install the CocoaPods dependencies after adding the native packages. On Android, API 24 is the minimum supported version because of the WebView dependency. If you\u2019re using Expo, you\u2019ll need an <\/span><b>Expo development build<\/b><span style=\"font-weight: 400;\"> because the wrapper uses native modules and does not run in Expo Go.<\/span><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Flutter_FusionCharts_200\"><\/span><span style=\"font-weight: 400;\">Flutter FusionCharts 2.0.0<\/span><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">flutter_fusioncharts<\/span><span style=\"font-weight: 400;\"> 2.0.0 supports <\/span><b>Flutter 3.3.8 and above<\/b><span style=\"font-weight: 400;\"> on Android. For iOS development, the documented minimum is Flutter 3.7.12 with Dart 2.19.6 or later.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Add the updated package to your project:<\/span><\/p>\n<div class=\"wp-block-codemirror-blocks code-block \">\n<pre class=\"CodeMirror\" data-setting=\"{&quot;mode&quot;:&quot;shell&quot;,&quot;mime&quot;:&quot;text\/x-sh&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:true,&quot;lineWrapping&quot;:true,&quot;styleActiveLine&quot;:false,&quot;readOnly&quot;:true,&quot;align&quot;:&quot;&quot;}\">flutter pub add flutter_fusioncharts:^2.0.0<\/pre>\n<\/div>\n<p><span style=\"font-weight: 400;\">Alternatively, add it directly to <\/span><span style=\"font-weight: 400;\">pubspec.yaml<\/span><span style=\"font-weight: 400;\">:<\/span><\/p>\n<div class=\"wp-block-codemirror-blocks code-block \">\n<pre class=\"CodeMirror\" data-setting=\"{&quot;mode&quot;:&quot;null&quot;,&quot;mime&quot;:&quot;text\/plain&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:true,&quot;lineWrapping&quot;:true,&quot;styleActiveLine&quot;:false,&quot;readOnly&quot;:true,&quot;align&quot;:&quot;&quot;}\">dependencies:\r\n  flutter_fusioncharts: ^2.0.0<\/pre>\n<\/div>\n<p><span style=\"font-weight: 400;\">Then run <\/span><span style=\"font-weight: 400;\">flutter pub get<\/span><span style=\"font-weight: 400;\"> if you added the dependency manually.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can render a chart using the <\/span><span style=\"font-weight: 400;\">FusionCharts<\/span><span style=\"font-weight: 400;\"> widget:<\/span><\/p>\n<div class=\"wp-block-codemirror-blocks code-block \">\n<pre class=\"CodeMirror\" data-setting=\"{&quot;mode&quot;:&quot;dart&quot;,&quot;mime&quot;:&quot;text\/x-dart&quot;,&quot;theme&quot;:&quot;material&quot;,&quot;lineNumbers&quot;:true,&quot;lineWrapping&quot;:true,&quot;styleActiveLine&quot;:false,&quot;readOnly&quot;:true,&quot;align&quot;:&quot;&quot;}\">import 'package:flutter\/material.dart';\r\nimport 'package:flutter_fusioncharts\/flutter_fusioncharts.dart';\r\n\r\nvoid main() {\r\n  runApp(const MyApp());\r\n}\r\n\r\nclass MyApp extends StatelessWidget {\r\n  const MyApp({super.key});\r\n\r\n  @override\r\n  Widget build(BuildContext context) {\r\n    return MaterialApp(\r\n      debugShowCheckedModeBanner: false,\r\n      home: Scaffold(\r\n        appBar: AppBar(\r\n          title: const Text('FusionCharts Flutter Demo'),\r\n        ),\r\n        body: Center(\r\n          child: FusionCharts(\r\n            type: 'column2d',\r\n            dataSource: const &lt;String, dynamic&gt;{\r\n              'chart': &lt;String, dynamic&gt;{\r\n                'caption': 'Quarterly Revenue',\r\n                'theme': 'fusion',\r\n              },\r\n              'data': &lt;Map&lt;String, String&gt;&gt;[\r\n                {'label': 'Q1', 'value': '120'},\r\n                {'label': 'Q2', 'value': '150'},\r\n                {'label': 'Q3', 'value': '170'},\r\n              ],\r\n            },\r\n          ),\r\n        ),\r\n      ),\r\n    );\r\n  }\r\n}<\/pre>\n<\/div>\n<p><span style=\"font-weight: 400;\">Version 2 also simplifies the setup compared with 1.x. <\/span><b>FusionCharts 4.2.2 is bundled with the package<\/b><span style=\"font-weight: 400;\">. So you no longer need to download the FusionCharts JavaScript files separately or add them as Flutter assets. The release also replaces the previous <\/span><span style=\"font-weight: 400;\">flutter_inappwebview<\/span><span style=\"font-weight: 400;\"> setup with <\/span><span style=\"font-weight: 400;\">webview_flutter<\/span><span style=\"font-weight: 400;\">, removing the old storage-permission and CDN configuration.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you\u2019re upgrading from <\/span><span style=\"font-weight: 400;\">flutter_fusioncharts<\/span><span style=\"font-weight: 400;\"> 1.x, review the new setup before migrating, as some of the previous installation and configuration steps are no longer required.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"What_These_SDK_Updates_Mean_for_Developers\"><\/span><span style=\"font-weight: 400;\">What These SDK Updates Mean for Developers<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">These SDK updates primarily provide compatibility with the <\/span><b>latest framework versions and improved security<\/b><span style=\"font-weight: 400;\">. If you work on applications on newer versions of Angular, Svelte, React Native, or Flutter, the updated SDKs provide FusionCharts integration for those environments.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">We addressed <\/span><b>critical and high-severity vulnerabilities identified in the affected SDKs <\/b><span style=\"font-weight: 400;\">through these releases. If you use these SDKs, upgrade to their latest versions to ensure that you have these security fixes.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This is <\/span><b>not a new FusionCharts core release<\/b><span style=\"font-weight: 400;\">. So this release includes no version update to the charting library itself or its existing functionality. We specifically focused on keeping the framework-specific SDKs current, compatible, and secure with these changes.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Get_the_Updated_SDKs\"><\/span><span style=\"font-weight: 400;\">Get the Updated SDKs<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">The updated SDKs are now available through NPM and Pub.dev:<\/span><\/p>\n<p><b>NPM<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/www.npmjs.com\/package\/angular-fusioncharts\"><span style=\"font-weight: 400;\">angular-fusioncharts<\/span><span style=\"font-weight: 400;\"> v5.0.0<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/www.npmjs.com\/package\/svelte-fusioncharts\"><span style=\"font-weight: 400;\">svelte-fusioncharts<\/span><span style=\"font-weight: 400;\"> v2.0.0<\/span><\/a><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/www.npmjs.com\/package\/react-native-fusioncharts\"><span style=\"font-weight: 400;\">react-native-fusioncharts<\/span><span style=\"font-weight: 400;\"> v7.0.0<\/span><\/a><\/li>\n<\/ul>\n<p><b>Pub.dev<\/b><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><a href=\"https:\/\/pub.dev\/packages\/flutter_fusioncharts\"><span style=\"font-weight: 400;\">flutter_fusioncharts<\/span><span style=\"font-weight: 400;\"> v2.0.0<\/span><\/a><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">You can also find the source code and release information in the FusionCharts GitHub repositories for<\/span><a href=\"https:\/\/github.com\/fusioncharts\/angular-fusioncharts\"> <span style=\"font-weight: 400;\">Angular<\/span><\/a><span style=\"font-weight: 400;\">,<\/span><a href=\"https:\/\/github.com\/fusioncharts\/svelte-fusioncharts\"> <span style=\"font-weight: 400;\">Svelte<\/span><\/a><span style=\"font-weight: 400;\">,<\/span><a href=\"https:\/\/github.com\/fusioncharts\/react-native-fusioncharts\"> <span style=\"font-weight: 400;\">React Native<\/span><\/a><span style=\"font-weight: 400;\">, and<\/span><a href=\"https:\/\/github.com\/fusioncharts\/flutter-fusioncharts\"> <span style=\"font-weight: 400;\">Flutter<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Upgrade_and_Start_Building\"><\/span><span style=\"font-weight: 400;\">Upgrade and Start Building<\/span><span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><span style=\"font-weight: 400;\">If you\u2019re using Angular, Svelte, React Native, or Flutter, check the updated SDK package and its GitHub repository for the latest installation and upgrade details. Moving to the latest SDK gives you support for the newly supported framework versions, along with the security fixes included in this release.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Remember that these are <\/span><b>SDK updates only<\/b><span style=\"font-weight: 400;\">. <\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>We released updated FusionCharts SDKs for Angular, Svelte, React Native, and Flutter to support newer framework versions. These updates also address critical and high-severity vulnerabilities identified in the SDKs. These releases update the framework-specific wrappers, not the core library.\u00a0The updated SDKs make it easier to use FusionCharts with the current versions of these frameworks. What\u2019s [&hellip;]<\/p>\n","protected":false},"author":86,"featured_media":25369,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1236,722,1083,1220],"tags":[810,1254,152,1084,747],"coauthors":[1156],"class_list":["post-25363","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-flutter","category-fusioncharts","category-product-release","category-react-native","tag-angular","tag-flutter","tag-fusioncharts","tag-react-native","tag-svelte"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>FusionCharts SDK Updates for Angular, Svelte, React Native &amp; Flutter<\/title>\n<meta name=\"description\" content=\"Explore the latest FusionCharts SDK updates for Angular, Svelte, React Native, and Flutter, with new framework support, security fixes, and code examples.\" \/>\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\/fusioncharts-sdk-updates-2026-sep\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"FusionCharts SDK Updates for Angular, Svelte, React Native &amp; Flutter\" \/>\n<meta property=\"og:description\" content=\"Explore the latest FusionCharts SDK updates for Angular, Svelte, React Native, and Flutter, with new framework support, security fixes, and code examples.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-sdk-updates-2026-sep\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-09-28T02:36:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-04T18:37:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2026\/09\/FusionCharts-Framework-Analytics-Dashboard.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1942\" \/>\n\t<meta property=\"og:image:height\" content=\"809\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Shamal Jayawardhana\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shamal Jayawardhana\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 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\/fusioncharts-sdk-updates-2026-sep#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-sdk-updates-2026-sep\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Shamal Jayawardhana\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/069ca38e2c2508a348521849218051ad\"\n\t            },\n\t            \"headline\": \"FusionCharts SDK Updates: Angular, Svelte, React Native, and Flutter\",\n\t            \"datePublished\": \"2026-09-28T02:36:32+00:00\",\n\t            \"dateModified\": \"2026-10-04T18:37:06+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-sdk-updates-2026-sep\"\n\t            },\n\t            \"wordCount\": 816,\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\/fusioncharts-sdk-updates-2026-sep#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\/blog\/wp-content\/uploads\/2026\/09\/FusionCharts-Framework-Analytics-Dashboard.webp\",\n\t            \"keywords\": [\n\t                \"angular\",\n\t                \"Flutter\",\n\t                \"FusionCharts\",\n\t                \"React-native\",\n\t                \"Svelte\"\n\t            ],\n\t            \"articleSection\": [\n\t                \"Flutter\",\n\t                \"FusionCharts\",\n\t                \"Product Release\",\n\t                \"React Native\"\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\/fusioncharts-sdk-updates-2026-sep#respond\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-sdk-updates-2026-sep\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-sdk-updates-2026-sep\",\n\t            \"name\": \"FusionCharts SDK Updates for Angular, Svelte, React Native & Flutter\",\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\/fusioncharts-sdk-updates-2026-sep#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-sdk-updates-2026-sep#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\/blog\/wp-content\/uploads\/2026\/09\/FusionCharts-Framework-Analytics-Dashboard.webp\",\n\t            \"datePublished\": \"2026-09-28T02:36:32+00:00\",\n\t            \"dateModified\": \"2026-10-04T18:37:06+00:00\",\n\t            \"description\": \"Explore the latest FusionCharts SDK updates for Angular, Svelte, React Native, and Flutter, with new framework support, security fixes, and code examples.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-sdk-updates-2026-sep#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\/fusioncharts-sdk-updates-2026-sep\"\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\/fusioncharts-sdk-updates-2026-sep#primaryimage\",\n\t            \"url\": \"\/blog\/wp-content\/uploads\/2026\/09\/FusionCharts-Framework-Analytics-Dashboard.webp\",\n\t            \"contentUrl\": \"\/blog\/wp-content\/uploads\/2026\/09\/FusionCharts-Framework-Analytics-Dashboard.webp\",\n\t            \"width\": 1942,\n\t            \"height\": 809,\n\t            \"caption\": \"FusionCharts Framework Analytics Dashboard\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-sdk-updates-2026-sep#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\": \"FusionCharts SDK Updates: Angular, Svelte, React Native, and Flutter\"\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\/069ca38e2c2508a348521849218051ad\",\n\t            \"name\": \"Shamal Jayawardhana\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/41fa2b100178151685692f9e43d6b46e\",\n\t                \"url\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/86d\/86d8f9fb91a63f49320c8e5fed67553cx96.jpg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/86d\/86d8f9fb91a63f49320c8e5fed67553cx96.jpg\",\n\t                \"caption\": \"Shamal Jayawardhana\"\n\t            },\n\t            \"description\": \"Shamal Jayawardhana is a seasoned web development expert and technical content strategist with a proven track record of helping developers and digital creators thrive. With over five years of hands-on experience, he has worked with leading SaaS brands to produce high-impact tutorials, WordPress guides, and developer-focused resources.\",\n\t            \"sameAs\": [\n\t                \"www.linkedin.com\/in\/shamal-jayawardhana\"\n\t            ],\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/author\/shamal-jayawardhana\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"FusionCharts SDK Updates for Angular, Svelte, React Native & Flutter","description":"Explore the latest FusionCharts SDK updates for Angular, Svelte, React Native, and Flutter, with new framework support, security fixes, and code examples.","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\/fusioncharts-sdk-updates-2026-sep","og_locale":"en_US","og_type":"article","og_title":"FusionCharts SDK Updates for Angular, Svelte, React Native & Flutter","og_description":"Explore the latest FusionCharts SDK updates for Angular, Svelte, React Native, and Flutter, with new framework support, security fixes, and code examples.","og_url":"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-sdk-updates-2026-sep","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2026-09-28T02:36:32+00:00","article_modified_time":"2026-10-04T18:37:06+00:00","og_image":[{"width":1942,"height":809,"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2026\/09\/FusionCharts-Framework-Analytics-Dashboard.webp","type":"image\/webp"}],"author":"Shamal Jayawardhana","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Shamal Jayawardhana","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-sdk-updates-2026-sep#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-sdk-updates-2026-sep"},"author":{"name":"Shamal Jayawardhana","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/069ca38e2c2508a348521849218051ad"},"headline":"FusionCharts SDK Updates: Angular, Svelte, React Native, and Flutter","datePublished":"2026-09-28T02:36:32+00:00","dateModified":"2026-10-04T18:37:06+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-sdk-updates-2026-sep"},"wordCount":816,"commentCount":0,"publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-sdk-updates-2026-sep#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2026\/09\/FusionCharts-Framework-Analytics-Dashboard.webp","keywords":["angular","Flutter","FusionCharts","React-native","Svelte"],"articleSection":["Flutter","FusionCharts","Product Release","React Native"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/fusioncharts-sdk-updates-2026-sep#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-sdk-updates-2026-sep","url":"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-sdk-updates-2026-sep","name":"FusionCharts SDK Updates for Angular, Svelte, React Native & Flutter","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-sdk-updates-2026-sep#primaryimage"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-sdk-updates-2026-sep#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2026\/09\/FusionCharts-Framework-Analytics-Dashboard.webp","datePublished":"2026-09-28T02:36:32+00:00","dateModified":"2026-10-04T18:37:06+00:00","description":"Explore the latest FusionCharts SDK updates for Angular, Svelte, React Native, and Flutter, with new framework support, security fixes, and code examples.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-sdk-updates-2026-sep#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/fusioncharts-sdk-updates-2026-sep"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-sdk-updates-2026-sep#primaryimage","url":"\/blog\/wp-content\/uploads\/2026\/09\/FusionCharts-Framework-Analytics-Dashboard.webp","contentUrl":"\/blog\/wp-content\/uploads\/2026\/09\/FusionCharts-Framework-Analytics-Dashboard.webp","width":1942,"height":809,"caption":"FusionCharts Framework Analytics Dashboard"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/fusioncharts-sdk-updates-2026-sep#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"FusionCharts SDK Updates: Angular, Svelte, React Native, and Flutter"}]},{"@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\/069ca38e2c2508a348521849218051ad","name":"Shamal Jayawardhana","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/41fa2b100178151685692f9e43d6b46e","url":"\/blog\/wp-content\/wphb-cache\/gravatar\/86d\/86d8f9fb91a63f49320c8e5fed67553cx96.jpg","contentUrl":"\/blog\/wp-content\/wphb-cache\/gravatar\/86d\/86d8f9fb91a63f49320c8e5fed67553cx96.jpg","caption":"Shamal Jayawardhana"},"description":"Shamal Jayawardhana is a seasoned web development expert and technical content strategist with a proven track record of helping developers and digital creators thrive. With over five years of hands-on experience, he has worked with leading SaaS brands to produce high-impact tutorials, WordPress guides, and developer-focused resources.","sameAs":["www.linkedin.com\/in\/shamal-jayawardhana"],"url":"https:\/\/www.fusioncharts.com\/blog\/author\/shamal-jayawardhana"}]}},"_links":{"self":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/25363","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\/86"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/comments?post=25363"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/25363\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media\/25369"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=25363"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=25363"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=25363"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=25363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}