Usage Guide API Reference Chart Att

Usage Guide
API Reference
Chart Attributes
Map Reference
FusionCharts
Fonts
Font properties for a chart include the font family, font size, and font color for the text rendered inside and outside the chart canvas.

This section will describe how you can customize the font properties for a chart. This section discusses:

Base font group

Outside canvas base font group

Base font group
The base font group is used to customize the font properties for the text rendered on the chart.

A column 2D chart with customized base font properties looks as below:

Q1
Q2
Q3
Q4
$0
$544K
$1.09M
$1.63M
$2.18M
$2.72M
Amount
Quarter
$1.95M
$1.45M
$1.73M
$2.12M
Quarterly revenue for last year
Given below is a brief description of the attributes used to customize this text:

Attribute Description
baseFont It specifies the font family to be used for rendering the text on the chart.
baseFontSize It specifies the font size for all the values and names in the chart that lie on the canvas. This attribute takes values between 0 and 72.
baseFontColor It specifies the hex color code for all the values and the names in the chart that lie on the canvas.
The data structure needed to customize the text rendered on the canvas is given below:

JSON
XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
{ "chart": { "caption": "Quarterly revenue for last year", "xAxisName": "Quarter", "yAxisName": "Amount", "yaxismaxvalue": "2720000", "numberPrefix": "$", "baseFont": "Verdana", "baseFontSize": "11", "baseFontColor": "#0066cc", "theme": "fint" }, "data": [ { "label": "Q1", "value": "1950000" }, { "label": "Q2", "value": "1450000" }, { "label": "Q3", "value": "1730000" }, { "label": "Q4", "value": "2120000" } ] }
Outside canvas base font group
The outside canvas base font group is used to customize the font properties for the text placed outside the chart canvas.

A column 2D chart with customized outside canvas base font properties looks as below:

Q1
Q2
Q3
Q4
$0
$544K
$1.09M
$1.63M
$2.18M
$2.72M
Amount
Quarter
$1.95M
$1.45M
$1.73M
$2.12M
Quarterly revenue for last year
Given below is a brief description of the attributes used to customize this text:

Attribute Description
outCnvBaseFont It specifies the font family to be used for rendering all the values and the names in the chart that lie outside the canvas.
outCnvBaseFontSize It specifies the font size for all the text that lies outside the canvas. This attribute takes values between 0 and 72.
outCnvBaseFontColor It specifies the hex color code for all the text in the chart that lies outside the canvas.
The data structure needed to customize the text rendered outside the canvas using these attributes is given below:

JSON
XML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
{ "chart": { "caption": "Quarterly revenue for last year", "xAxisName": "Quarter", "yAxisName": "Amount", "yaxismaxvalue": "2720000", "numberPrefix": "$", "outCnvBaseFont": "Arial", "outCnvBaseFontSize": "11", "outCnvBaseFontColor": "#55AA00", "theme": "fint" }, "data": [ { "label": "Q1", "value": "1950000" }, { "label": "Q2", "value": "1450000" }, { "label": "Q3", "value": "1730000" }, { "label": "Q4", "value": "2120000" } ] }
Notice that, Out Canvas Base Font group overrides the setting of the Base Font Group

Number Format
Chart Palettes



JavaScript Data Visualisation
FusionCharts Home • Get SupportFusionCharts Suite XT (v3.7.0)

WgILoading chart. Please wait.Loading chart. Please wait.WAmountQuarterly revenue for last year$2.12MQ4$2.12MWgILoading chart. Please wait.WAmountQuarterly revenue for last year$2.12MQ4$2.12M

ผลลัพธ์ (อังกฤษ) 2:

Usage Guide
API Reference
Chart Attributes
Map Reference
FusionCharts
Fonts
Font Properties for a Chart include The font Family, font size, and font color for The text rendered Inside and Outside The Chart Canvas. This Section Will describe How You Can Customize The font Properties for a. chart. This Section discusses: Base font Group Outside Canvas Base font Group Base font Group The Base font Group is Used to Customize The font Properties for The text rendered on The Chart. A column 2D Chart with customized Base font Properties Looks As Below: Q1 Q2 Q3. Q4 $ 0 $ 544K $ 1.09M $ 1.63M $ 2.18M $ 2.72M Amount Quarter $ 1.95M $ 1.45M $ 1.73m $ 2.12M Quarterly revenue for Last year Given Below is a brief description of The attributes Used to Customize this text: Attribute Description basefont It Specifies The font Family. The text to be Used for Rendering on The Chart. BaseFontSize It Specifies The font size for all The values ​​and names in The Chart that Lie on The Canvas. This attribute Takes values ​​between 0 and 72. BaseFontColor It Specifies The Hex color code for all The values ​​and The names in The Chart that Lie on The Canvas. The Data structure Needed to Customize The text rendered on The Canvas is Given Below: JSON XML. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 {"Chart": {"caption": "Quarterly revenue for Last year", ". xAxisName ":" Quarter "," yAxisName ":" Amount "," yaxismaxvalue ":" 2720000 "," numberPrefix ":" $ "," baseFont ":" Verdana "," baseFontSize ":" 11 "," baseFontColor ". : "# 0066cc", "theme": "fint"}, "data": [{"label": "Q1", "value": "1950000"}, {"label": "Q2", "value". : "1450000"}, {"LABEL": "Q3", "value": "1730000"}, {"LABEL": "Q4", "value": "2120000"}]} Outside Canvas Base font Group The Outside. Canvas Base font Group is Used to Customize The font Properties for The text Placed Outside The Chart Canvas. A column 2D Chart with customized Outside Canvas Base font Properties Looks As Below: Q1 Q2 Q3 Q4 $ 0 $ 544K $ 1.09M $ 1.63M $ 2.18M $ 2.72M. amount Quarter $ 1.95M $ 1.45M $ 1.73m $ 2.12M Quarterly revenue for Last year Given Below is a brief description of The attributes Used to Customize this text: Attribute Description OutCnvBaseFont It Specifies The font Family to be Used for Rendering all The values ​​and The names in. The Chart that Lie Outside The Canvas. OutCnvBaseFontSize It Specifies The font size for all text that The Lies Outside The Canvas. This attribute Takes values ​​between 0 and 72. OutCnvBaseFontColor It Specifies The Hex color code for all The text in The Chart that Lies Outside The Canvas. The Data structure Needed to Customize The text rendered Outside The Canvas using these attributes is Given Below: JSON XML. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 {"Chart": {"caption": "Quarterly revenue for Last year", ". xAxisName ":" Quarter "," yAxisName ":" Amount "," yaxismaxvalue ":" 2720000 "," numberPrefix ":" $ "," outCnvBaseFont ":" Arial "," outCnvBaseFontSize ":" 11 "," outCnvBaseFontColor ". : "# 55AA00", "theme": "fint"}, "data": [{"label": "Q1", "value": "1950000"}, {"label": "Q2", "value". : "1450000"}, {"LABEL": "Q3", "value": "1730000"}, {"LABEL": "Q4", "value": "2120000"}]} Notice that, Out Canvas Base Font. The overrides Group Base Font Setting of The Group Number Format Chart Palettes JavaScript Data Visualisation Home • Get SupportFusionCharts FusionCharts Suite XT (V3.7.0) WgILoading Chart. Please wait.Loading chart. Please wait.WAmountQuarterly revenue for last year $ 2.12MQ4 $ 2.12MWgILoading chart. Please wait.WAmountQuarterly revenue for last year $ 2.12MQ4 $ 2.12M.

ผลลัพธ์ (อังกฤษ) 3:

Usage Guide API Reference Chart Attributes



Map Reference FusionCharts Fonts Font properties for a chart include the. Family font, size font, font and color for the text rendered inside and outside the chart canvas.

This section will describe. How you can customize the font properties for a chart. This section discusses:

Base font group

Outside canvas base font. Group

Base font group
.The base font group is used to customize the font properties for the text rendered on the chart.

A column 2D chart with. Customized base font properties looks as below:




Q1 Q2 Q3 Q4

$$0 544K

$$1.09M 1.63M

$$2.18M 2.72M


$Amount Quarter 1.95M

$$1.45M 1.73M
$2.12M
Quarterly. Revenue for last year
Given below is a brief description of the attributes used to customize this text: Attribute Description


.BaseFont It specifies the font family to be used for rendering the text on the chart.
baseFontSize It specifies the font. Size for all the values and names in the chart that lie on the canvas. This attribute takes values between 0 and 72.
baseFontColor. It specifies the hex color code for all the values and the names in the chart that lie on the canvas.
.The data structure needed to customize the text rendered on the canvas is given below:




JSON XML 1 2



3 4 5 6



7 8 9 10



11 12 13 14



15 16 17 18



19 20 21 22



23 24 25 26



27 28 29 30
31
{! "Chart": {"caption": "Quarterly revenue for last year", "xAxisName": "Quarter", "yAxisName": "Amount", "yaxismaxvalue":? "2720000", "numberPrefix": "$", "baseFont": "Verdana", "baseFontSize": "11", "baseFontColor":"# 0066cc", "theme": "fint"}, "data": [{"label": "Q1", "value": "1950000"}, {"label": "Q2", "value": "1450000"}, {... "Label": "Q3", "value": "1730000"}, {"label": "Q4", "value": "2120000"}]}
Outside canvas base font group
The outside. Canvas base font group is used to customize the font properties for the text placed outside the chart canvas.

.A column 2D chart with customized outside canvas base font properties looks as below:




Q1 Q2 Q3 Q4

$$0 544K

$$1.09M 1.63M

$$2.18M 2.72M


$Amount Quarter 1.95M

$$1.45M 1.73M
$2.12M
Quarterly. Revenue for last year
Given below is a brief description of the attributes used to customize this text: Attribute Description


.OutCnvBaseFont It specifies the font family to be used for rendering all the values and the names in the chart that lie. Outside the canvas.
outCnvBaseFontSize It specifies the font size for all the text that lies outside the canvas. This attribute. Takes values between 0 and 72.
outCnvBaseFontColor It specifies the hex color code for all the text in the chart that lies. Outside the canvas.
.The data structure needed to customize the text rendered outside the canvas using these attributes is given below:




JSON XML 1 2



3 4 5 6



7 8 9 10



11 12 13 14



15 16 17 18

20 19



21 22 23 24



25 26 27 28


29 30 31
{! "Chart": {"caption": "Quarterly revenue for last year", "xAxisName": "Quarter", "yAxisName": "Amount", "yaxismaxvalue":? "2720000", "numberPrefix": "$", "outCnvBaseFont": "Arial","OutCnvBaseFontSize": "11", "outCnvBaseFontColor": "# 55AA00", "theme": "fint"}, "data": [{"label": "Q1", "value": "1950000". }, {"label": "Q2", "value": "1450000"}, {"label": "Q3", "value": "1730000"}, {"label": "Q4", "value": "2120000"}]. }
Notice that Out Canvas, Base Font group overrides the setting of the Base Font Group


Number Format Chart Palettes



.JavaScript Data Visualisation
FusionCharts Home - Get SupportFusionCharts Suite XT (v3.7.0)

WgILoading chart. Please wait.Loading. Chart. Please wait.WAmountQuarterly revenue for last year $2.12MQ4 $2.12MWgILoading chart. Please wait.WAmountQuarterly revenue. For last year $2.12MQ4 $2.12M.