# Optional Parameters for Line, Bar, Area, Column, Pie and Doughnut Charts (2D & 3D)

Updated: 9/28/2020, 10:32:47 PM
Created: 9/28/2020, 10:32:47 PM
Last Updated By: Peter Schellenbach
Read Time: 3 minute(s)

# Background Properties

bgColor=”HexColorCode” Sets the background color for the chart. You can set any hex color code as the value of this attribute. Must be used in conjunction with bgAlpha. IMPORTANT: You CANNOT assign a # at the beginning of the hex color code as this corrupts the XML data passed back to the chart. This also prohibits the use of the COLOR$ equates assigned in the WBPD, MVDB.INCLUDE file. This is true for all color options for all FusionCharts.
bgAlpha=”NumericValue(0-100)” Sets the alpha (transparency) of the graph. Used to set the intensity of the background color defined in bgColor.

# Font Properties

baseFont=”FontName” Sets the base font family of the chart font which lies on the canvas i.e., all the values and the names in the chart which lie on the canvas will be displayed using the font name provided here.
baseFontSize=”FontSize” Sets the base font size of the chart i.e., all the values and the names in the chart that lie on the canvas.
baseFontColor=”HexColorCode” Sets the base font color of the chart i.e., all the values and the names in the chart that lie on the canvas.

# Charts and Axis Titles

caption=”String” Determines the caption that appears at the top of the chart.
subCaption=”String” Sub-caption of the chart.
xAxisName=”String” x-Axis text title (if the chart supports axis, not available for Pie and Doughnut charts).
yAxisName=”String” y-Axis text title (if the chart supports axis, not available for Pie and Doughnut charts).

# Number Formatting Options

numberPrefix=”$” Using this attribute, you can add a prefix to all the numbers visible on the graph. For example, to represent all dollars figure on the chart, you could specify this attribute to ' $' to show like $40000, $50000.
numberSuffix=”p.a” Using this attribute, you can add a prefix to all the numbers visible on the graph. For example, to represent all figures quantified as per annum on the chart, you could specify this attribute as ' /a' to show 40000/a, 50000/a.

To use special characters for numberPrefix or numberSuffix, you'll need to URL Encode them. That is, suppose you want to have numberSuffix as% (like 30%), you'll need to specify it as under: numberSuffix='%25'.

formatNumber=”1/0” This configuration determines whether the numbers displayed on the chart will be formatted using commas, e.g., 40,000 if formatNumber='1' and 40000 if formatNumber='0 '
formatNumberScale=”1/0” Configuration whether to add K (thousands) and M (millions) to a number after truncating and rounding it - e.g., if formatNumberScale is set to 1, 10434 would become 1.04K (with decimalPrecision set to 2 places). Same with numbers in millions - an M will added at the end.
decimalSeparator=”.” This option specifies the character used as the decimal separator in a number. thousandSeparator=”,” This option specifies the character used as the thousands separator in a number.
decimalPrecision=”2” Number of decimal places all numbers on the chart are rounded to.

# Hover Caption Properties

The hover caption is the tool tip that shows up when the user moves his/her mouse over a particular data item (column, line, pie, bar etc.).

showhovercap=”1/0” Option whether to show/hide hover caption box
hoverCapBgColor=”HexColorCode” Background color of the hover caption box.
hoverCapBorderColor=”HexColorCode” Border color of the hover caption box.
hoverCapSepChar=”Char” The character specified as the value of this attribute separates the name and value displayed in the hover caption box.