{"id":15266,"date":"2015-08-07T17:21:18","date_gmt":"2015-08-07T11:51:18","guid":{"rendered":"http:\/\/blog.fusioncharts.com\/?p=15266"},"modified":"2015-08-07T17:21:18","modified_gmt":"2015-08-07T11:51:18","slug":"client-side-export","status":"publish","type":"post","link":"\/blog\/client-side-export\/","title":{"rendered":"Introducing Client-side Chart Export"},"content":{"rendered":"<p>If you have been using FusionCharts, then only way to export your charts into image, PDF or SVG till now was to use a server. Either <a href=\"https:\/\/www.fusioncharts.com\/dev\/usage-guide\/interactivity\/exporting-as-image-and-pdf\/introduction.html\">FusionCharts export server<\/a> or the one you <a href=\"https:\/\/www.fusioncharts.com\/dev\/usage-guide\/interactivity\/exporting-as-image-and-pdf\/setup-private-export-server-asp-net.html\">setup on your own<\/a>. We realised this was not the best way and we have made something to make your job faster and easier &#8211; client-side export.<\/p>\n<p><b>Why do you need client-side export feature?<\/b><\/p>\n<p>You\u2019ve received quotations from vendors for a critical project that you are working on and, courtesy FusionCharts, you\u2019ve created some good-looking, information-rich charts that compare the pros and cons of each vendor as well as their price and deadline figures.<\/p>\n<p>The senior management asks for a presentation and you can\u2019t wait to show them what you have. You decide to use our server-side export feature that comes out of the box to export your charts as JPEGs and add them to your presentation.<\/p>\n<p>But wait. Won\u2019t this data classify as confidential information? Would it be okay then if you used a publicly hosted server to export and download the chart? We don\u2019t think so. This is where client-side export comes into picture.<\/p>\n<p>While we have an established server-side exporting feature, common concerns with this feature include:<\/p>\n<ul>\n<li>Availability of a good internet connection to send to and receive data from the server.<\/li>\n<li>Confidentiality concerns around using the publicly hosted export server. \u00a0We do provide programs to set up the export server at a your end, but this requires you to have a knowledge about configuring and using servers. This, again, is a downside.<\/li>\n<\/ul>\n<p>The primary need for coming up with the client-side export feature \u00a0was to eliminate the need of a server for exporting, thus bringing down the turnaround time it takes for a download, as well as to to address the data confidentiality issues. The client-side export feature removes the round-trip involved in exporting from a \u00a0server and eliminating the difficulties involved in setting up one, with the proper dependencies.<\/p>\n<p><b>How to make use of it?<\/b><\/p>\n<p>To enable the client-side export feature for your application, all you need to do is set the exportEnabled and the exportAtClientSide (since v3.8.0) attributes to 1 and you are good to go. You can test it <a href=\"https:\/\/jsfiddle.net\/dzc1s0r7\/\">live here<\/a>.<\/p>\n<p>For more details on how to use this feature you can check out our <a href=\"https:\/\/www.fusioncharts.com\/dev\/usage-guide\/getting-started\/adding-interactivity\/exporting-to-images-or-pdf-using-client-side-exporting.html\">developer <\/a><a href=\"https:\/\/www.fusioncharts.com\/dev\/usage-guide\/getting-started\/adding-interactivity\/exporting-to-images-or-pdf-using-client-side-exporting.html\">center article on client-side export<\/a>.<\/p>\n<p><b>Note:<\/b> This feature is currently supported in latest versions of Chrome and Firefox only. Our team is working hard to roll it out for other browsers in coming weeks.<\/p>\n<p><b>Have any questions?<\/b><\/p>\n<p>We hope you give client-side export feature a try in your next project! If you are ever stuck or have any questions, feel free to drop a line at <a href=\"mailto:support@fusioncharts.com\">support@fusioncharts.com<\/a>. Our team will be happy to help!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you have been using FusionCharts, then only way to export your charts into image, PDF or SVG till now was to use a server. Either FusionCharts export server or the one you setup on your own. We realised this was not the best way and we have made something to make your job faster [&hellip;]<\/p>\n","protected":false},"author":25,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"coauthors":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Introducing Client-side Chart Export - FusionCharts<\/title>\n<meta name=\"description\" content=\"Client-side export feature allows you to save your charts in JPEG, PNG, PDF and SVG formats without the need to setup a server.\" \/>\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\/client-side-export\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing Client-side Chart Export - FusionCharts\" \/>\n<meta property=\"og:description\" content=\"Client-side export feature allows you to save your charts in JPEG, PNG, PDF and SVG formats without the need to setup a server.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/client-side-export\/\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2015-08-07T11:51:18+00:00\" \/>\n<meta name=\"author\" content=\"Vikas Lalwani\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vikas Lalwani\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 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\": \"Organization\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\",\n\t            \"name\": \"FusionCharts\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/\",\n\t            \"sameAs\": [],\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                \"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\": \"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\": \"required name=search_term_string\"\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/client-side-export\/\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/client-side-export\/\",\n\t            \"name\": \"Introducing Client-side Chart Export - FusionCharts\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#website\"\n\t            },\n\t            \"datePublished\": \"2015-08-07T11:51:18+00:00\",\n\t            \"dateModified\": \"2015-08-07T11:51:18+00:00\",\n\t            \"description\": \"Client-side export feature allows you to save your charts in JPEG, PNG, PDF and SVG formats without the need to setup a server.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/client-side-export\/#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\/client-side-export\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/client-side-export\/#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\": \"Introducing Client-side Chart Export\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"Article\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/client-side-export\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/client-side-export\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Vikas Lalwani\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/5530197c230a9b49df5de36777b89bf2\"\n\t            },\n\t            \"headline\": \"Introducing Client-side Chart Export\",\n\t            \"datePublished\": \"2015-08-07T11:51:18+00:00\",\n\t            \"dateModified\": \"2015-08-07T11:51:18+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/client-side-export\/\"\n\t            },\n\t            \"wordCount\": 470,\n\t            \"commentCount\": 0,\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\"\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\/client-side-export\/#respond\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/5530197c230a9b49df5de36777b89bf2\",\n\t            \"name\": \"Vikas Lalwani\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/86ef00c8343692fe10b37d7657769517\",\n\t                \"url\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/ccd\/ccdd4b2cb256cf5722d2a55b818472aex96.jpg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/ccd\/ccdd4b2cb256cf5722d2a55b818472aex96.jpg\",\n\t                \"caption\": \"Vikas Lalwani\"\n\t            },\n\t            \"sameAs\": [\n\t                \"http:\/\/www.fusioncharts.com\"\n\t            ],\n\t            \"url\": \"\/blog\/author\/vikas\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introducing Client-side Chart Export - FusionCharts","description":"Client-side export feature allows you to save your charts in JPEG, PNG, PDF and SVG formats without the need to setup a server.","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\/client-side-export\/","og_locale":"en_US","og_type":"article","og_title":"Introducing Client-side Chart Export - FusionCharts","og_description":"Client-side export feature allows you to save your charts in JPEG, PNG, PDF and SVG formats without the need to setup a server.","og_url":"https:\/\/www.fusioncharts.com\/blog\/client-side-export\/","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2015-08-07T11:51:18+00:00","author":"Vikas Lalwani","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Vikas Lalwani","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Organization","@id":"https:\/\/www.fusioncharts.com\/blog\/#organization","name":"FusionCharts","url":"https:\/\/www.fusioncharts.com\/blog\/","sameAs":[],"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","caption":"FusionCharts"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/"}},{"@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":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/client-side-export\/","url":"https:\/\/www.fusioncharts.com\/blog\/client-side-export\/","name":"Introducing Client-side Chart Export - FusionCharts","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#website"},"datePublished":"2015-08-07T11:51:18+00:00","dateModified":"2015-08-07T11:51:18+00:00","description":"Client-side export feature allows you to save your charts in JPEG, PNG, PDF and SVG formats without the need to setup a server.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/client-side-export\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/client-side-export\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/client-side-export\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Introducing Client-side Chart Export"}]},{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/client-side-export\/#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/client-side-export\/"},"author":{"name":"Vikas Lalwani","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/5530197c230a9b49df5de36777b89bf2"},"headline":"Introducing Client-side Chart Export","datePublished":"2015-08-07T11:51:18+00:00","dateModified":"2015-08-07T11:51:18+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/client-side-export\/"},"wordCount":470,"commentCount":0,"publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/client-side-export\/#respond"]}]},{"@type":"Person","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/5530197c230a9b49df5de36777b89bf2","name":"Vikas Lalwani","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/86ef00c8343692fe10b37d7657769517","url":"\/blog\/wp-content\/wphb-cache\/gravatar\/ccd\/ccdd4b2cb256cf5722d2a55b818472aex96.jpg","contentUrl":"\/blog\/wp-content\/wphb-cache\/gravatar\/ccd\/ccdd4b2cb256cf5722d2a55b818472aex96.jpg","caption":"Vikas Lalwani"},"sameAs":["http:\/\/www.fusioncharts.com"],"url":"\/blog\/author\/vikas\/"}]}},"_links":{"self":[{"href":"\/blog\/wp-json\/wp\/v2\/posts\/15266"}],"collection":[{"href":"\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/comments?post=15266"}],"version-history":[{"count":0,"href":"\/blog\/wp-json\/wp\/v2\/posts\/15266\/revisions"}],"wp:attachment":[{"href":"\/blog\/wp-json\/wp\/v2\/media?parent=15266"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/categories?post=15266"},{"taxonomy":"post_tag","embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/tags?post=15266"},{"taxonomy":"author","embeddable":true,"href":"\/blog\/wp-json\/wp\/v2\/coauthors?post=15266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}