Changed Behavior

This section is for users who are using previous version of FusionCharts in their application. Here we'll talk about the change in behavior of the charts after v3.15.0.

Exporting of Gantt and Spark Charts as XLSX

You can now export Gantt and Spark Line charts in CSV or XLSX format, and the files display chart data correctly.

The Gantt chart looks like as shown below:

FusionCharts will load here..

Export the above chart in CSV or XLSX format.

Legend Position in all Charts

In all charts in FusionCharts XT, you can now specify the legend using the attribute legendPosition. You can set its value to - bottom, top, top-left, top-right, bottom-left, bottom-right, left, left-top, left-bottom, right, right-top, right-bottom, or absolute.

In the chart below, the legend is placed at the top-right of the chart:

FusionCharts will load here..

Decouple Scrollbar from Axis

FusionCharts XT suite now allows you to decouple the scrollbar from the axes. Earlier, the scrollbar was always coupled with the X-axis. Now, a new attribute scrollPosition has been introduced, which lets you position the scrollbar independently of the X-axis.

  • In charts where the X-axis is located at the bottom or the top (as in a column chart), you can set the value of the scrollPosition attribute to top or bottom.

  • In charts where the X-axis is located to the left or the right (as in a bar chart), you can set the value of the scrollPosition attribute to left or right.

Height of Navigation Bar in Treemap After Drill Down

In Treemaps, you can now set a custom height to the navigation bar after drill down, using the navigationBarHeight attribute. Earlier the navigation bar would expand when you drilled down. The chart has been optimized to prevent that issue.

Before Drill Down

Treemap-pre-drilldown-NEW

After Drill Down

Treemap-post-drilldown-NEW

In the screenshots below, you can see how the navigation bar expanded when drill down was performed in earlier versions.

Before Drill Down

Treemap-pre-drilldown-OLD

After Drill Down

Treemap-post-drilldown-OLD

Radar Charts Optimized for Resizing After Using radarRadius

In Radar charts, you can now explicitly mention the value of the radarRadius attribute and then resize the chart without any issue. Previously, when you did this, the long labels and the chart border would be displaced. The chart has been optimized for resizing to ensure that does not happen any longer.

The live chart below displays this behavior:

FusionCharts will load here..

Scrolling in Box and Whisker Chart

You can now enable scrolling in Box and Whisker charts. Use the numVisiblePlot attribute to set the number of plot points visible on the chart canvas. The scrollbar will automatically appear when there are more plot points than the ones you choose to display on the chart canvas.

The live chart below displays this behavior:

FusionCharts will load here..

Tooltip Edges in Pie 2D/3D and Doughnut 2D/3D Charts

The edges of the tooltips in Pie and Doughnut (2D/3D) now appear rounded when you set the value of the attribute tooltipBorderRadius.

The live chart below displays this behavior:

FusionCharts will load here..

Space Management in Pie 2D/Doughnut 2D Charts

Pie 2D and Doughnut 2D charts now retain their plot size even if you turn off data labels and data values. Earlier the plot would shrink if you turned those off. Space management has been drastically improved now.

The live chart below displays this behavior:

FusionCharts will load here..

In earlier versions:

With Labels and Values turned on:

Pie chart with labels and values visible in earlier version

With Labels and Values turned off:

Pie chart with labels and values turned off in earlier version

Gantt Chart Values Unaffected by Browser Resizing

Previously, in Gantt charts, if you set the width in percentage and used the scrollToDate attribute, the start dates of all charts changed whenever you resized the browser window. The chart has been modified to ensure that the data values are now properly maintained in the above circumstance.

The live chart below displays this behavior:

FusionCharts will load here..