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

ผลลัพธ์ (ไทย) 1:

คู่มือการใช้งาน อ้างอิง API คุณลักษณะของแผนภูมิ อ้างอิงแผนที่ FusionChartsแบบอักษรคุณสมบัติของแบบอักษรในแผนภูมิรวมตระกูลแบบอักษร ขนาดอักษร และสีแบบอักษรสำหรับข้อความที่แสดงอยู่ภายใน และภาย นอกผืนแผนภูมิส่วนนี้จะอธิบายวิธีที่คุณสามารถกำหนดคุณสมบัติของแบบอักษรในแผนภูมิ ส่วนนี้กล่าวถึง:กลุ่มอักษรพื้นฐานผืนผ้าใบอยู่นอกฐานอักษรกลุ่มกลุ่มอักษรพื้นฐานกลุ่มอักษรพื้นฐานจะใช้การกำหนดคุณสมบัติของแบบอักษรสำหรับข้อความที่แสดงบนแผนภูมิแผนภูมิคอลัมน์แบบ 2D ด้วยพื้นฐานตัวเองดูด้านล่าง:ไตรมาสที่ 1ไตรมาสที่ 2ไตรมาสที่ 3ไตรมาสที่ 4$0$544K$1. เอ็ม 09$1.63 เมตร2. ม. 182.72 เมตรยอดเงินไตรมาส$1 95 เมตร$1.45 เมตร$1 73 เมตร2.12 เมตรรายได้รายไตรมาสสำหรับปีกำหนดให้ด้านล่าง มีคำอธิบายโดยย่อของแอตทริบิวต์ที่ใช้ในการกำหนดข้อความนี้:แอตทริบิวต์คำอธิบายbaseFont จะระบุตระกูลแบบอักษรที่จะใช้สำหรับข้อความบนแผนภูมิbaseFontSize จะระบุขนาดแบบอักษรสำหรับค่าและชื่อทั้งหมดในแผนภูมิที่อยู่บนผืนผ้าใบ คุณลักษณะนี้ใช้ค่าระหว่าง 0 และ 72baseFontColor จะระบุรหัสสี hex ค่าทั้งหมดและชื่อในแผนภูมิที่อยู่บนผืนผ้าใบโครงสร้างข้อมูลที่จำเป็นในการกำหนดข้อความที่แสดงบนผืนผ้าใบได้รับด้านล่าง:เจซันXML12345678910111213141516171819202122232425262728293031{ "แผนภูมิ": { "อธิบาย": "รายได้ประจำไตรมาสสำหรับปี" "xAxisName": "ไตรมาส "yAxisName": "เงิน" "yaxismaxvalue": "2720000", "numberPrefix": "$" "baseFont": "Verdana", "baseFontSize": "11", "baseFontColor": "#0066cc" "รูปแบบ": "fint"}, "ข้อมูล": [{"ป้ายชื่อ": "ไตรมาสที่ 1" "ค่า": "1950000"}, {"ป้ายชื่อ": "ไตรมาสที่ 2" "ค่า": "1450000"}, {"ป้ายชื่อ": "ไตรมาสที่ 3" "ค่า": "1730000"}, {"ป้ายชื่อ": "ไตรมาสที่ 4" "ค่า": "2120000"}] }ผืนผ้าใบอยู่นอกฐานอักษรกลุ่มผ้าใบอยู่นอกอักษรพื้นฐานกลุ่มถูกใช้เพื่อกำหนดคุณสมบัติของแบบอักษรสำหรับข้อความวางนอกผืนแผนภูมิแผนภูมิคอลัมน์แบบ 2D ด้วยกำหนดลักษณะการคุณสมบัติแบบอักษรพื้นฐานอยู่นอกผ้าเป็นด้านล่าง:ไตรมาสที่ 1ไตรมาสที่ 2ไตรมาสที่ 3ไตรมาสที่ 4$0$544K$1. เอ็ม 09$1.63 เมตร2. ม. 182.72 เมตรยอดเงินไตรมาส$1 95 เมตร$1.45 เมตร$1 73 เมตร2.12 เมตรรายได้รายไตรมาสสำหรับปีกำหนดให้ด้านล่าง มีคำอธิบายโดยย่อของแอตทริบิวต์ที่ใช้ในการกำหนดข้อความนี้:แอตทริบิวต์คำอธิบายoutCnvBaseFont จะระบุตระกูลแบบอักษรที่จะใช้สำหรับแสดงค่าทั้งหมดและชื่อในแผนภูมิที่อยู่นอกผ้าใบoutCnvBaseFontSize จะระบุขนาดแบบอักษรสำหรับข้อความทั้งหมดที่อยู่นอกผ้าใบ คุณลักษณะนี้ใช้ค่าระหว่าง 0 และ 72outCnvBaseFontColor จะระบุรหัสสี hex สำหรับข้อความทั้งหมดในแผนภูมิที่อยู่นอกผ้าใบโครงสร้างข้อมูลที่จำเป็นในการกำหนดข้อความที่แสดงอยู่นอกผ้าใบที่ใช้คุณลักษณะเหล่านี้จะได้รับด้านล่าง:เจซันXML12345678910111213141516171819202122232425262728293031{ "แผนภูมิ": { "อธิบาย": "รายได้ประจำไตรมาสสำหรับปี" "xAxisName": "ไตรมาส "yAxisName": "เงิน" "yaxismaxvalue": "2720000", "numberPrefix": "$" "outCnvBaseFont": "Arial", "outCnvBaseFontSize": "11", "outCnvBaseFontColor": "#55AA00" "รูปแบบ": "fint"}, "ข้อมูล": [{"ป้ายชื่อ": "ไตรมาสที่ 1" "ค่า": "1950000"}, {"ป้ายชื่อ": "ไตรมาสที่ 2" "ค่า": "1450000"}, {"ป้ายชื่อ": "ไตรมาสที่ 3" "ค่า": "1730000"}, {"ป้ายชื่อ": "ไตรมาสที่ 4" "ค่า": "2120000"}] }ขอให้สังเกตว่า กลุ่มออกแบบอักษรพื้นฐานของผืนผ้าใบแทนการตั้งค่าของ กลุ่มอักษรฐาน รูปแบบตัวเลขแผนภูมิจาน การสร้างมโนภาพ JavaScript ข้อมูล•บ้าน FusionCharts รับ SupportFusionCharts ชุด XT (v3.7.0)แผนภูมิ WgILoading กรุณารอสักครู่โหลดแผนภูมิ กรุณารอสักครู่รายได้ WAmountQuarterly สำหรับสุดท้ายปี $2.12MQ4$ 2 .12MWgILoading ภูมิ กรุณารอสักครู่WAmountQuarterly รายได้สำหรับปี $2.12MQ4$ 2 12 เมตร

ผลลัพธ์ (ไทย) 2:

คู่มือการใช้งาน
API อ้างอิง
คุณสมบัติแผนภูมิ
แผนที่อ้างอิง
FusionCharts
อักษร
คุณสมบัติอักษรสำหรับแผนภูมิรวมถึงครอบครัวแบบอักษรขนาดอักษรและสีตัวอักษรสำหรับข้อความที่แสดงผลภายในและภายนอกผ้าใบแผนภูมิ. ส่วนนี้จะอธิบายวิธีที่คุณสามารถปรับแต่งคุณสมบัติตัวอักษรสำหรับ แผนภูมิ ในส่วนนี้จะกล่าวถึง: กลุ่มตัวอักษรที่ฐานด้านนอกกลุ่มตัวอักษรฐานผ้าใบกลุ่มตัวอักษรฐานกลุ่มตัวอักษรที่ฐานจะใช้ในการปรับแต่งคุณสมบัติแบบอักษรสำหรับข้อความที่แสดงผลบนแผนภูมิ. แผนภูมิ 2D คอลัมน์ที่มีคุณสมบัติแบบอักษรที่กำหนดเองฐานมีลักษณะดังต่อไปนี้: ไตรมาสที่ 1 ไตรมาสที่ 2 ไตรมาสที่ 3 Q4 0 $ $ 544K $ 1.09M $ 1.63M $ 2.18M $ 2.72M ปริมาณไตรมาสที่$ 1.95m $ 1.45m $ 1.73m $ 2.12M รายได้รายไตรมาสสำหรับปีที่ผ่านมาให้ด้านล่างเป็นคำอธิบายสั้น ๆ ของคุณลักษณะที่ใช้ในการปรับแต่งข้อความนี้: คำอธิบายแอตทริบิวต์basefont มันระบุครอบครัวตัวอักษร ที่จะใช้สำหรับการแสดงผลข้อความในแผนภูมิ. baseFontSize มันระบุขนาดตัวอักษรสำหรับค่าทั้งหมดและชื่อในแผนภูมิที่อยู่บนผืนผ้าใบ . คุณลักษณะนี้จะใช้เวลาค่าระหว่าง 0 และ 72 baseFontColor มันระบุรหัสสีฐานสิบหกสำหรับค่าทั้งหมดและชื่อในแผนภูมิที่อยู่บนผืนผ้าใบ. โครงสร้างข้อมูลที่จำเป็นในการปรับแต่งข้อความที่แสดงผลบนผืนผ้าใบได้รับด้านล่าง: 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 {"แผนภูมิ": {"คำอธิบาย": "รายได้รายไตรมาสสำหรับปีที่ผ่านมา", " xAxisName ":" ไตรมาส "," yAxisName ":" จำนวนเงิน "," yaxismaxvalue ":" 2720000 "," numberPrefix ":" $ "," basefont ":" Verdana "," baseFontSize ":" 11 "," baseFontColor " "# 0066cc", "ธีม": "ฟินต์"}, "ข้อมูล": [{"label": "ไตรมาส 1 ปี", "มูลค่า": "1950000"}, {"label": "ไตรมาสที่ 2", "คุ้มค่า" "1450000"}, {"label": "Q3", "มูลค่า": "1730000"}, {"label": "ไตรมาส 4", "มูลค่า": "2120000"}]} นอกกลุ่มตัวอักษรฐานผ้าใบออกไปข้างนอก ผ้าใบกลุ่มตัวอักษรที่ฐานจะใช้ในการปรับแต่งคุณสมบัติแบบอักษรสำหรับข้อความที่อยู่นอกผ้าใบแผนภูมิ. คอลัมน์แผนภูมิ 2D ที่มีการปรับแต่งคุณสมบัติแบบอักษรฐานผ้าใบด้านนอกมีลักษณะดังต่อไปนี้: Q1 Q2 Q3 Q4 0 $ $ 544K $ 1.09M $ 1.63M $ 2.18M $ 2.72M จํานวนเงินไตรมาสที่$ 1.95m 1.45m $ $ 1.73m $ 2.12M รายได้รายไตรมาสสำหรับปีที่ผ่านมาให้ด้านล่างเป็นคำอธิบายสั้น ๆ ของคุณลักษณะที่ใช้ในการปรับแต่งข้อความนี้: คำอธิบายแอตทริบิวต์outCnvBaseFont มันระบุครอบครัวตัวอักษรที่จะใช้สำหรับการแสดงผลค่าทั้งหมดและชื่อที่อยู่ใน แผนภูมิที่อยู่นอกผ้าใบ. outCnvBaseFontSize มันระบุขนาดตัวอักษรสำหรับทุกข้อความที่อยู่นอกผ้าใบ . คุณลักษณะนี้จะใช้เวลาค่าระหว่าง 0 และ 72 outCnvBaseFontColor มันระบุรหัสสีฐานสิบหกสำหรับข้อความทั้งหมดในแผนภูมิที่อยู่นอกผ้าใบ. โครงสร้างข้อมูลที่จำเป็นในการปรับแต่งข้อความที่แสดงผลภายนอกผ้าใบโดยใช้แอตทริบิวต์เหล่านี้ได้รับด้านล่าง: 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 {"แผนภูมิ": {"คำอธิบาย": "รายได้รายไตรมาสสำหรับปีที่ผ่านมา", " xAxisName ":" ไตรมาส "," yAxisName ":" จำนวนเงิน "," yaxismaxvalue ":" 2720000 "," numberPrefix ":" $ "," outCnvBaseFont ":" Arial "," outCnvBaseFontSize ":" 11 "," outCnvBaseFontColor " "# 55AA00", "ธีม": "ฟินต์"}, "ข้อมูล": [{"label": "ไตรมาส 1 ปี", "มูลค่า": "1950000"}, {"label": "ไตรมาสที่ 2", "คุ้มค่า" "1450000"}, {"label": "Q3", "มูลค่า": "1730000"}, {"label": "ไตรมาส 4", "มูลค่า": "2120000"}]} ขอให้สังเกตว่าออกฐานผ้าใบ Font กลุ่มแทนที่การตั้งค่าของกลุ่ม Font ฐานรูปแบบจำนวนแผนภูมิจานJavaScript ข้อมูลจินตภาพFusionCharts หน้าแรก•รับ SupportFusionCharts สวีท XT (v3.7.0) WgILoading แผนภูมิ กรุณาแผนภูมิ wait.Loading กรุณา wait.WAmountQuarterly รายได้สำหรับปีที่ผ่านมา $ 2.12MQ4 $ แผนภูมิ 2.12MWgILoading กรุณา wait.WAmountQuarterly รายได้สำหรับปีที่ผ่านมา $ 2.12MQ4 $ 2.12M

ผลลัพธ์ (ไทย) 3:

ใช้คู่มือ API อ้างอิงแผนภูมิคุณลักษณะแผนที่อ้างอิง




fusioncharts คุณสมบัติแบบอักษรแบบอักษรสำหรับแผนภูมิรวมถึงตระกูลตัวอักษร ขนาดตัวอักษร และสีของตัวอักษรสำหรับข้อความแสดงผลภายนอกและภายในแผนภูมิผ้าใบ .

ส่วนนี้จะอธิบายวิธีที่คุณสามารถปรับแต่งคุณสมบัติแบบอักษรสำหรับแผนภูมิ ส่วนนี้อธิบาย :



นอกกลุ่มฐานตัวอักษรผ้าใบอักษรพื้นฐานกลุ่ม


อักษรพื้นฐานกลุ่มกลุ่มตัวอักษรที่ใช้ในการปรับแต่งคุณสมบัติแบบอักษรสำหรับข้อความแสดงบนแผนภูมิ แผนภูมิคอลัมน์

2d ด้วยคุณสมบัติตัวอักษรปรับแต่งลักษณะดังนี้

1
2
3
4
$ 0
$
$
$ 544k 1.09m 1.63m
$
$

2.18m 2.72m จำนวน รวม 1.95m

$ $
$ $ 2.12m 1.45m 1.73m

รายได้รายไตรมาสสำหรับปีที่แล้ว
ให้ข้างล่างเป็นคําที่ใช้ในการปรับแต่งคุณสมบัติข้อความนี้ :


คุณสมบัติรายละเอียดbasefont ระบุครอบครัวแบบอักษรที่จะใช้ในการแสดงข้อความบนแผนภูมิ .
basefontsize มันกำหนดขนาดตัวอักษรสำหรับทุกค่าและชื่อในแผนภูมิที่วางอยู่บนผ้าใบ คุณลักษณะนี้ใช้ค่าระหว่าง 0 และ 72 .
basefontcolor ระบุ Hex รหัสสีสำหรับทุกค่าและชื่อในแผนภูมิที่วางอยู่บนผ้าใบ
โครงสร้างข้อมูลที่ต้องปรับแต่งข้อความที่แสดงบนผ้าใบที่ระบุด้านล่าง :


XML JSON
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


: { " { " ภูมิ " คำบรรยาย " : " รายได้รายไตรมาสสุดท้ายปี " , " xaxisname " : " 1 " , " yaxisname " : " ปริมาณ " , " yaxismaxvalue " : " 2720000 " , " numberprefix " : " $ " , " basefont Verdana " : " " , " basefontsize " : " 11 " , " basefontcolor " :" # 0066cc " , " ธีม " : " fint " } , " ข้อมูล " : [ { " ฉลาก " " 1 " " ค่า " : " 1950000 " } , { " ฉลาก " " 2 " " ค่า " " 1 , 450 , " } , { " ฉลาก " " 3 " " ค่า " : " 1730000 " } , { " ฉลาก " " คาดว่า " " ค่า " : " 2120000 " } ] }
นอกกลุ่มตัวอักษรผ้าใบผ้าใบนอกฐาน
ตัวอักษรฐานกลุ่มถูกใช้เพื่อปรับแต่งคุณสมบัติแบบอักษรสำหรับข้อความที่วางไว้ข้างนอก

แผนภูมิผ้าใบแผนภูมิคอลัมน์แบบกำหนดเองผ้าใบกับนอกฐานคุณสมบัติแบบอักษรลักษณะดังนี้

1
2
3
4
$ 0
$
$ 544k 1.09m
$
$
$ 1.63m 2.18m 2.72m


$ 1.95m จำนวน 1 1.45m
$
$ $

1.73m 2.12m รายได้รายไตรมาส สำหรับปีสุดท้าย
ให้ข้างล่างเป็นคําที่ใช้ในการปรับแต่งคุณสมบัติข้อความนี้ :


คุณสมบัติรายละเอียดoutcnvbasefont ระบุครอบครัวแบบอักษรที่จะใช้สำหรับการแสดงผลทุกค่าและชื่อในแผนภูมิที่วางอยู่นอกผ้าใบ .
outcnvbasefontsize มันกำหนดขนาดตัวอักษรสำหรับข้อความทั้งหมดที่อยู่นอกผ้าใบ คุณลักษณะนี้ใช้ค่าระหว่าง 0 และ 72 .
outcnvbasefontcolor ระบุ Hex รหัสสีสำหรับข้อความทั้งหมดในแผนภูมิที่อยู่นอกผ้าใบ
โครงสร้างข้อมูลที่ต้องปรับแต่งข้อความให้นอกผ้าใบใช้คุณลักษณะเหล่านี้จะได้รับด้านล่าง :


XML JSON
1
2
3
4
5
6
7
8
9



10 11 12 13 14 15 16






20 19 18 17



21 22 23 24 25 26 27






ที่ 28 29 30 31
{ " กราฟ " : { " คำบรรยาย " : " รายได้รายไตรมาสสุดท้ายปี " , " xaxisname " : " 1 " , " yaxisname " : " ปริมาณ " , " yaxismaxvalue " : " 2720000 " " numberprefix " : " $ " , " outcnvbasefont " : " Arial "" outcnvbasefontsize " : " 11 " , " outcnvbasefontcolor " : " # 55aa00 " , " ธีม " : " fint " } , " ข้อมูล " : [ { " ฉลาก " " 1 " " ค่า " : " 1950000 " } , { " ฉลาก " " 2 " " ค่า " " 1 , 450 , " } , { " ฉลาก " " 3 " " ค่า " : " 1730000 " } , { " ฉลาก " " 4 " , " ค่า " : " 2120000 " } ] }
แจ้งว่าออกผ้าใบอักษรพื้นฐานกลุ่มแทนที่การตั้งค่าของอักษรพื้นฐานกลุ่ม


จานแผนภูมิรูปแบบตัวเลข



ข้อมูล จาวาสคริปต์การแสดง
fusioncharts บ้านบริการรับ supportfusioncharts ชุด XT ( v3.7.0 )

wgiloading แผนภูมิ กรุณารอโหลดแผนที่ กรุณา wait.wamountquarterly รายได้ปีที่แล้ว $ 2.12mq4 $ 2.12mwgiloading แผนภูมิ กรุณา wait.wamountquarterly รายได้ปีที่แล้ว $ 2.12mq4 $ 2.12m