Set Number Formatting

FusionCharts allows you to format any numeric values displayed on the chart. You can configure the following:

Number Prefix

You can add prefix characters to all the values on your chart to place more emphasis on the values displayed.

For example, consider visualizing monthly revenue trend of an organization using a Line Chart, where the values are given in terms of USD. You can display “$” as the prefix to each of the currency values displayed in the chart.

To know more about this feature, click here.

Number Suffix

You can add suffix characters to all the values on your chart to help viewers comprehend them better.

Consider an example where you are visualizing the total distance traveled by a rented car every day, for a week. It is likely that all distance-related values would be in miles. In such a situation, the data will be easier to understand, if you add the suffix “mi” to those values.

To know more about this feature, click here.

Dual Y-axis (Prefix/Suffix)

If you build a multi-series chart with dual Y-axis, you can add prefix or suffix to both Y-axes, using the attributes:

  1. numberPrefix and numberSuffix (for the primary Y-axis)
  2. sNumberPrefix and sNumberSuffix (for the secondary Y axis)

For instance, you are visualizing the yearly revenues earned by a company in terms of millions of USD on the primary Y-axis and the increase/decrease in the percentage of revenues per year. Here, you can add the prefix “$” and the suffix “M” to the data values displayed on the primary Y-axis. On the secondary Y-axis, on the other hand, you can add “%” to every data value.

Format Number

FusionCharts automatically formats numeric values onthe chart. Numbers like 5,420,000 are automatically comma separated. This makes the values easy to read and interpret for viewers.

You can also configure the decimal places to be included in data values.

For instance, when you visualize the average marks of the first 10 students of a class, it is quite possible that the values will include decimal places. You can round off the values rounded to 2 decimal places, for better understanding. The chart will then round off a value like 87.869 and display it as 87.87. Note that this feature is applicable to both the x and y-axis.

To know more about the feature, click here

Decimal and Thousand Separators

Different countries use different characters as decimal and thousand separators, such as:

  1. 1,234.56 - US, Canada, India, etc.
  2. 1 234.56 - Australia, China, etc.
  3. 1 234,56 - Denmark, France, Germany, etc
  4. 1.234,56 - Argentina, Austria, Belgium, etc.

FusionCharts offers you the option to customize chart values as per the convention followed in your country.

FusionCharts automatically scales long numeric values with commonly used scales like K (for thousands), M (for millions) and B (for billions). You can also define a custom scale for numbers and then apply it to all numbers on the chart.

Let us suppose you want to visualize a chart showing the monthly count of tickets purchased from the busiest railway stations of a state. The count of tickets will likely be in millions. Let’s assume it is 12,434,787. Displaying such long numbers on the chart will likely reduce its readability. This is when you can use the number scaling to shorten the numbers and add units such as K, M, or B to the values based on the number of integer places in each.

To know more about the feature, click here

Recursive Number Scaling

Recursive number scaling comes into the picture when you have number scales defined for your chart. With this, you can display the chart data better by breaking up the predefined number scale into smaller sections. This can help viewers read the data better and understand it faster.

For instance, if you plot time on a chart, you can display 3.87 days as 3 days, 20 hours, 52 minutes and 25 seconds.

To know more about the feature, click here