FusionCharts
  • Products

    FusionCharts Suite

    • Charts
    • Export
    • MapsPopular
    • FusionGrid
    • Time Series
  • Documentation

    Get Started

    • Quick Start
    • Documentation
    • Changelog
    • API Reference

    Frameworks

      • ReactUpdated
      • Angular
      • Vue
      • Svelte
      • JSJavaScript
      More integrations →
  • Resources

    Explore FusionCharts

    • Demo
    • Dashboards
    • Data Stories
    • White Papers
    • Primers
    • Best Practices

    Community

    • Blog
    • Customers
    • GitHub

    Buy

    • Buy Now
    • Find a Reseller
    • Contact Sales
    • Become a Partner
    ”
    There are very few software tools or products I have worked with over the years which have been as powerful and easy to use as FusionCharts.
    ”
    Mike McColl, FooTelePros
    Read the story →
  • Support
  • Pricing
  • Buy Now
  • Try FusionCharts
    • Charts
    • Export
    • MapsPopular
    • FusionGrid
    • Time Series
  • Get Started

    • Quick Start
    • Documentation
    • Changelog
    • API Reference

    Frameworks

      • ReactUpdated
      • Angular
      • Vue
      • Svelte
      • JSJavaScript
      More integrations →
  • Explore FusionCharts

    • Demo
    • Dashboards
    • Data Stories
    • White Papers
    • Primers
    • Best Practices

    Community

    • Blog
    • Customers
    • GitHub

    Buy

    • Buy Now
    • Find a Reseller
    • Contact Sales
    • Become a Partner
    ”
    There are very few software tools or products I have worked with over the years which have been as powerful and easy to use as FusionCharts.
    Mike McColl, FooTelePros
    Read the story →
  • Support
  • Pricing
Buy Now Try FusionCharts
New release v4.2.3Updated DOMPurify to 3.4.16, resolving open security advisories and improving overall sanitization safety.Read more
    • FusionCharts
      • Overview
      • Charts and Maps gallery
        • Overview
        • FusionCharts
          • Column & Bar Charts
            • Overview
            • Simple column
            • Grouped column with multiple series
            • Grouped column with scrolling
            • Simple bar
            • Grouped bar with multiple series
            • Column in 3D
            • Grouped column in 3D with multiple series
            • Bar in 3D
            • Grouped bar in 3D with multiple series
            • Bar chart with custom labels as annotations
            • Overlapping Columns
            • Overlapping Bars
            • Grouped bar with scrolling
          • Line & Area Charts
            • Overview
            • Simple line
            • Line with multiple series
            • Line with zooming & panning
            • Line with scrolling only
            • Line with multiple axes & series
            • Simple area
            • Area with multiple series
            • Area with scrolling
            • Simple spline
            • Spline with multiple series
            • Simple spline-area
            • Spline-area with multiple series
            • Step-line
          • Pie & Donut Charts
            • Overview
            • Pie in 2D
            • Donut in 2D
            • Pie in 3D
            • Donut in 3D
            • Nested Pie in 2D
          • Stacked Charts
            • Overview
            • Stacked columns
            • Stacked columns with scrolling
            • 100% stacked columns
            • Grouped stacked columns
            • Stacked columns with negative values
            • Stacked columns in 3D
            • 100% stacked columns in 3D
            • Stacked bars
            • Stacked bars in 3D
            • Stacked area
            • Stacked bars with scrolling
            • Grouped stacked columns with scrolling
          • Combination Charts
            • Overview
            • Same axis - Column, line & area
            • Same axis - Column & line/area, with scrolling
            • Dual axis - Column & line/area, with scrolling
            • Dual axis - Line with zooming & panning
            • Same axis - Stacked columns & line
            • Same axis - Column & line, in 3D
            • Same axis - Column, line & area, in 3D
            • Same axis - Stacked columns & line, in 3D
            • Dual axis - Column, line & area
            • Dual axis - Stacked columns & line, in 3D
            • Dual axis - Grouped stacked columns & line
            • Dual axis - Column, line & area, in 3D
            • Dual axis - Grouped stacked columns with negative values & line
            • Dual Axis - Grouped stacked columns & line with scrolling
            • Dual axis - Stacked columns & line
            • Dual axis - Stacked area & line
            • Dual axis - Column, line & area, in 3D
          • Bubble & Scatter (XY) Charts
            • Overview
            • Simple bubble
            • Bubble with quadrants
            • Simple Scatter
            • Scatter with multiple series
            • Scatter with zooming support
            • Scatter with selection of points on canvas
          • Market Share Charts
            • Overview
            • Market share in actuals
            • Market share as %
          • Pareto Charts
            • Overview
            • Simple Pareto
            • Pareto with dual axis
            • Pareto in 3D
        • FusionWidgets
          • Gauges & KPIs
            • Overview
            • Rating Meter
            • Speedometer
            • Quarter gauge
            • Gauge with trend
            • Linear Scale
            • Linear Scale with colored categories
            • Cylinder fill
            • Horizontal LEDs
            • Vertical LEDs
            • Thermometer display
            • Bulb indicator
          • Gantt / Project Charts
            • Overview
            • Simple gantt
            • With progress indicators for each task
            • With task owner listed & multi-level dates
            • Grouped view of tasks
            • Showing planning vs actuals
            • Weekly task distribution
            • Hourly tasks
            • Milestone indicators
            • Showing dependent tasks
            • Machine operating schedule
          • Funnel & Pyramid Charts
            • Overview
            • Simple funnel
            • Funnel with % values
            • Funnel in 3D
            • Funnel to show part-to-whole
            • Simple pyramid
            • Pyramid with % values
            • Pyramid in 3D
          • Bullet & Spark (Micro) Charts
            • Overview
            • Horizontal Bullet Graph
            • Horizontal Bullet with dot
            • Vertical Bullet Graph
            • Simple sparkline
            • Sparkline with period indicators
            • Sparkline with dots only
            • Simple spark-columns
            • Spark-columns with period indicators
            • Win/loss micro charts
          • Self-updating (Real-time) charts
            • Overview
            • Line
            • Dual axis - Line
            • Area
            • Stacked Area
            • Column
            • Stacked Column
            • Speedometer
            • Cylinder fill
            • LED
            • Thermometer
            • Bulb
        • PowerCharts
          • Heat & Tree Maps
            • Overview
            • Heat map with numeric values
            • Heat map with percent data
            • Heat map using variants of single color
            • Heat map with additional labels per quadrant
            • Heat map with categorical values & numeric mapping
            • Heat map to show scores
            • Heat map to show ranking
            • Simple tree map
            • Tree map with breadcrumb
            • Tree map with squarified layout
            • Tree map with slice & dice layout - vertical slicing
            • Tree map with slice & dice layout - horizontal slicing
            • Tree map with slice & dice layout - alternate slicing
          • Radar (Spider Charts)
            • Overview
            • Simple radar
            • Radar with multiple series
          • Waterfall / Cascade Charts
            • Overview
            • Simple waterfall
            • Without cumulative sum
          • Visually Editable Charts (What-if analysis)
            • Overview
            • Editable column chart
            • Editable line chart
            • Editable area chart
            • Editable gauge
            • Editable linear scale
          • Graph visualization / Node diagrams
            • Overview
            • Simple graph layout
            • Station map chart
            • Network visualization
            • Sequence flow visualization
            • Add/remove nodes from chart
            • Org Chart Visualization
          • Statistical Charts
            • Overview
            • Simple box and whisker
            • Box and whisker with mean and outliers
            • Box and whisker with connected mean
            • Box and whisker with mean deviation
            • Scatter (XY) with error bars
            • Line with error bars
            • Column with error bars
            • Line with log axis
            • Column with log axis
            • Column with inverted axis
            • Area with inverted axis
            • Line with inverted axis
          • Stock Charts
            • Overview
            • Simple candlestick
            • Candlestick with price plotted as line
            • Candlestick without volume panel
            • Candlestick with custom trends
            • Candlestick with split/dividend markers
            • Kagi Chart
          • Sankey Diagram
            • Overview
            • Simple Sankey Diagram
            • Vertical Sankey
            • Sankey with No Nodes
          • Sunburst Charts
            • Overview
            • Simple Sunburst
            • Sunburst with multiple roots
          • Chord Diagram
            • Overview
            • Simple Chord
            • Simple Chord with Blend
            • Chord with Self-links
            • Chord with large number of nodes
        • FusionMaps
          • Examples
            • Sale of Cigarettes in Europe
            • Population growth world-wide
            • WeWork Office Locations
            • Shipping Routes in US
            • Average temperature of US States
            • Television exposure by DMA in US
            • Fertility rates in Europe
            • Greenhouse gas emissions (with drill-down)
          • Features
            • Setting custom labels
            • Drill-down from map to chart
            • Showing specific regions only
            • Custom tool-tips
            • Overlay icons on maps
            • Overlay icons with connector lines
          • All Maps (2,000+)
      • Feature Gallery
        • Overview
        • Data Plots
        • Chart Titles/Labels
        • Number Formatting
        • Legends
        • Tooltips
        • Trendlines
        • Axis and Gridlines
        • Drill Down
        • Export Charts
        • Zoom/Scroll/Pan
        • Chart Loading Config
        • Chart Branding
        • Events/API
        • Annotations
        • Space Management
      • Chart Guides
        • Line Chart
        • Area Chart
        • Bar Chart
        • Column Chart
      • Integrations
        • Overview
        • Front-end Integrations
          • React
          • Angular (for Angular 2 or above)
          • jQuery
          • Vue.js
          • Ember
          • AngularJS (for Angular 1.x)
          • React Native
          • Svelte
          • Flutter
          • Blazor
        • Back-end Integrations
          • ASP.NET
          • PHP
          • Java
          • Django
          • Ruby on Rails
      • Extensions
        • Accessibility
          • Overview
          • Usage Guide
    • FusionTime
      • Overview
      • Examples
        • Overview
        • Simple time-series
          • Line chart with time axis
          • Plotting multiple series on time axis
          • Column and line combination on time axis
          • Dual Y-Axis
          • Y-Axis on right side
          • Log axis with time-series
          • Log Axis with different base
          • Plotting missing data
          • Join missing data
          • Join missing data with styled line
        • Multivariate time-series
          • Plotting two variables (measures)
          • Different plot type for each variable (measure)
          • Y-Axis on right side of one of the canvas
          • Chart with variable canvas height
        • High volume data
          • Time series chart with a million data points
        • Standard chart types
          • Column chart with time axis
          • Stacked column chart with time axis
          • Grouped column chart
          • Area chart with time axis
          • Smooth area chart with time axis
          • Stacked area chart with time axis
          • Overlapping area chart with time axis
          • Customized area chart with time axis
          • Dashed line chart with time axis
          • Step line chart with time axis
          • Spline plot with time axis
          • Area Range Chart
          • Column Range Chart
        • Stock chart types
          • Interactive Candlestick chart
          • Interactive OHLC Chart
          • Interactive candlestick chart with y-axis on right
          • Stock chart with volume
          • Annotations on stock chart
          • Real-time OHLC chart
          • Real-time candlestick chart
        • Annotating data
          • Annotating single data point
          • Annotating multiple data points
          • Annotations on a multivariate chart
          • Annotations with pin type data marker
        • Event overlays
          • Single event overlay
          • Date range event overlay
          • Full line single event overlay
          • Full band date range event overlay
          • Single event overlay in multivariate
          • Date range event overlay in multivariate
        • Configurable features
          • Adding a reference line
          • Dashed reference line
          • Multiple reference lines on same chart
          • Reference line in multivariate chart
          • Adding a reference zone
          • Multiple reference zones on same chart
          • Reference zone in multivariate chart
          • Representing predictive data
          • Styled standard range selector
          • Styled custom range selector
          • Specify initial time interval
          • Time format on time axis
          • Time format in tooltip
          • Data binning on time axis
          • Maximum data bin on time axis
          • Minimum data bin on time axis
          • Enabling clipping of specific date
          • Enabling cyclic weekend clipping
          • Enable Auto-axis clipping when null data is present
          • See unformatted data values
          • Round off data values
          • Enabling grid bands
          • Disabling Legend
          • Initially hidden legend item
          • Customize Legend Position
          • Disabling time navigator
          • Specify time navigator height
          • Exportable time series charts
          • Customizing caption and sub-caption position
          • Weekly Data binning on time axis
        • Working with events & methods
          • Data plot hover mouse event
          • Data plot click mouse event ‎
          • Binning API methods
          • Selection change event on OHLC chart
          • Selection change event on stacked column chart
          • Export chart using API method
          • Update chart using API methods
          • Add data to chart in real-time
          • Update data in real-time
          • Self updating chart using Rest API
          • Change Plot Type
    • FusionExport
      • Overview
    • Showcase
      • Dashboards
        • Overview
        • Smart Energy Monitoring Dashboard
        • Sales Management Dashboard
        • SaaS Dashboard
        • Wealth Management Dashboard
        • Expense Dashboard of US Dept. of Veteran Affairs
        • Investment Portfolio Dashboard
        • Technology Dashboard
        • Pediatrics Center Dashboard
        • Marketing Dashboard
        • Web Series Dashboard
        • Manufacturing Quality Dashboard
        • Shipment Analysis Dashboard
        • Venture Financing Dashboard
        • Online Retail Dashboard
        • Sales Opportunity Dashboard
        • Google Analytics Web Dashboard
        • Smart Weather Dashboard
        • Real-time Twitter hashtag tracker
        • Sales Performance Dashboard (Mobile)
        • Sales & Collaboration Dashboard
        • Sales Performance Tracker (3D)
        • Realty Information Dashboard
        • Membership Monitoring Dashboard
        • Automotive Manufacturing Management Dashboard
        • Healthcare Expenditure Dashboard
        • Business Operation Monitoring Dashboard
        • Flight Planner
        • Music Player with Graphic Equalizer
        • Real-time Patient Monitoring Dashboard
        • Football League Dashboard
        • Product Ratings Dashboard
      • Data Stories
        • Overview
        • Gasoline Prices around the World
        • World’s Top Cities for People and Planet
        • Summers are Getting Hotter
        • Immigration to the US
        • How Trump Compares with Past Presidents
        • What is Really Warming the World
        • Unemployment Rate in the USA
        • How Americans Die
        • Clean Water Access around the World
        • Twelve Global Economic Indicators to Watch
        • Ratios of Inequity
        • Performance of Tech IPOs
        • Understanding the World Better
        • Jobs Gain & Loss
        • Popularity of Donald Trump
    • FusionGrid
      • Overview
      • Examples
        • Column Filter
        • Data Export
        • Row Selection
        • Column Grouping
        • Real-time Data update
        • Row Sorting
        • Search/Quick filter
        • Row Animation

    Export Charts

    In FusionCharts, you can export charts, gauges, and maps in different formats, ranging between images to Excel spreadsheets and PDF files. You can also customize various aspects of the export process, such as the name to be displayed in the export menu, the name of the exported file, or whether a number of charts are to be exported in a batch.

    Here are the most common funcitonalities which you can implement:

    • Customize Titles in Export Menu
    • Set the Name of the Exported File
    • Export at the Client Side
    • Exporting via Export API Method
    • Exporting All the Plots in a Scroll Chart
    • Batch Export
    • CSV/SVG data in a Text Area

    Customize Titles in Export Menu

    The export menu in FusionCharts typically displays the string “Export as” followed by the format of the exported file. Examples include - Export as PDF, Export as PNG, Export as CSV etc. However, you can customize this text, to make it easier for users with little knowledge of names of file formats.

    For instance, you can replace the option “Export as PDF” with something like “Export as Printable”, which will help the end user understand that the exported file can be directly printed.

    To know more about this feature, click here.

    Set the Name of the Exported File

    The export menu in FusionCharts typically assigns a name to the exported file. However, you can customize this name, to assign a name of your choice. If you are exporting the yearly financial report, you can name the file “FinancialReport-2017-18” followed by the extension.

    For instance, as you can see in the example, the name of the exported file has been customized as “Export_file1”.

    To know more about this feature, click here.

    Export at the Client Side

    FusionCharts can export charts on the server side or the client side. You can configure which side you want the charts exported to, as well as the name of the exported file.

    For instance, in the example given here, you can see a chart configured to be exported on the client side. Also, in each case, the name of the exported file is “FusionCharts” followed by the file extension.

    To know more about this feature, click here.

    Exporting via Export API Method

    In FusionCharts, the export button is typically placed at the top right corner of the chart. However, you can use the Export API method to place the option elsewhere within the canvas.

    For instance, in the example, you can see that a dropdown menu has been placed at the bottom of the chart, along with a button captioned “Export Chart”. This allows the viewer to select the necessary option from the menu, and then click the button to export the chart in the selected format.

    To know more about this feature, click here.

    Exporting All the Plots in a Scroll Chart

    In a scroll chart, you are not able to see all the data plots at once. However, in FusionCharts, you can still export all plots of a scroll chart at one go. The chart displays all the plots together once, before reverting to the initial view and generating the export file.

    In the example, you can see a scroll chart configured to export all its plots at one go, in a single file. When the viewer clicks the “Export all dataplots” button, the chart displays all the data plots for a brief moment, before reverting to the initial view. After that, it generates the export file.

    Batch Export

    In FusionCharts, if you have multiple charts (of same or different types) in a page, you can export them all together, with the help of the Batch Export feature.

    In the example given, the page has a column chart, a pie chart, and a bar chart in the same page, along with a button titled “Export Charts” at the bottom of it. The viewer can click on this button to export all the charts together, in a single JPG file.

    To know more about this feature, click here.

    CSV data /SVG in a text area

    In FusionCharts, it is possible to display chart data within a text area, in SVG/CSV format. This helps viewers, who need to view the chart data, or quickly copy it without opening the data source itself.

    In the gien example, you can see a Multi-series Spline chart with two radio buttons - SVG String and CSV Data, placed under it. Also, below those buttons is a text box. By clicking on one of the two buttons, the viewer can quickly view the chart data in that format within the text box. It is also possible to copy the data to the clipboard and use it in other charts.

    Explore
    • Chart Gallery
    • Time-series Charts
    • Map Gallery
    • Data Stories
    • Dashboards
    • FusionExport
    • FusionGrid
    Integrations
    • Angular
    • Vue
    • React
    • jQuery
    • PHP
    • ASP.NET
    • Explore all Integrations
    Developers
    • Dev Center (Docs)
    • Integrations
    • Version History
    • Forum
    Pricing
    • Pricing and Plans
    • Locate a Reseller
    • Support And Upgrades for Older Licenses
    • Login to Product Update Center
    Pricing
    • Pricing and Plans
    • Locate a Reseller
    • Support And Upgrades for Older Licenses
    • Login to Product Update Center
    Resources
    • Whitepapers
    • Charting Best Practices
    • Chart Primers
    • Dashboard Primers
    • Developers
    • Blog
    Compare
    • FusionCharts vs Highcharts
    • FusionCharts vs Chart.js
    • FusionCharts vs amCHARTS
    • FusionCharts vs D3
    Compare
    • FusionCharts vs Highcharts
    • FusionCharts vs Chart.js
    • FusionCharts vs amCHARTS
    • FusionCharts vs D3
    Company
    • Customers
    • Partners
    • About Us
    • Contact Us
    • Careers
    • Legal
    • Privacy Policy
    © 2026 FusionCharts - An Idera, Inc. Company. All Rights Reserved.