FusionChart完全入門手冊7

2021-09-06 01:17:36 字數 3125 閱讀 8523

字型樣式型別

正如你已經知道,使用字型樣式型別,您可以控制所有圖表上的文字的視覺特性。下列屬性是擴充套件的字型型別。與**示例的詳細解釋如下:

屬性

簡要描述

例子或有效值

font

設定文字字型系列

verdana, arial ..

size

指定字型大小

10, 12 ..

color

設定字型顏色,為十六進製制**不包含#

ff0000, ffffdd

bold

字型是否為粗體標記

1是粗圖,0不是

italic

是否為斜體

1是,0

underline

是否為下劃線

1是,0

bgcolor

文字字字背景色,為十六進製制**無#

ff0000, ffffdd

bordercolor

如果你需要為本文設定邊框顏色,你需要屬性此屬性

ishtml

幫助你設定文字是否應該為html或純文字渲染

leftmargin

文字左邊緣 單位points

letterspacing

文字字元一致分布的空間數量

字型系列, 大小 &顏色

字型的基本屬性是字型系列、大小和顏色,使用上面的屬性可以設定如,

屬性

格式

例子

font

font='fontfamily'

font='verdana'

size

size='fontsize'

size='12'

color

color='hexcode (without #)'

color='ff0000'

在這裡,字型指對終端使用者的系統的字型系列(否則預設的系統字型現在將被用來繪製文字)。顏色應該是16進製制的**無#

粗體, 斜體 & 下劃線

修飾你的文字,你可以使用任何上述的引數

屬性

格式

例子

bold

bold='logicalvalue'

bold='1' or bold='0'

italic

italic='logicalvalue'

italic='1' italic='0'

underline

underline='logicalvalue'

underline='1' or underline='0'

上面的**將確保您的字型顯示為粗體,斜體和下劃線。

背景顏色 和邊框顏色

如果你打算這只你的圖表上的文字框邊框的顏色或背景顏色,您可以使用上述兩個引數來確定十六進製制顏色**(不帶#)如下

屬性

格式

例如

bgcolor

bgcolor='value'

bgcolor='ffffdd'

bordercolor

bordercolor='value '

bordercolor='666666'

這當應用到乙個圖表文字字段(如標題),將輸出樣式如下:

圖表標題("products per category") 應用了邊框和背景色.

ishtml

此屬性在你將html字元作為你文字的一部分的時候非常有用,如, "< 5" 或 "> 5" 等. 預設, fusioncharts 解析所有的文字為 html and "< 5" 會被視為未關閉的 html 標記而根本不會顯示.

例如, 如果你想"< 5" 為一特定值,你應該用:

(注意

而這其中包含圖表元素將被定義為文字樣式的型別:

屬性

格式

例如

ishtml

ishtml ='logicalvalue'

ishtml ='1' or ishtml ='0'

leftmargin andletterspacing

leftmargin讓您設定文字左邊距,letterspacing允許您控制字元之間的均勻分布的空間 - 值指定的每個字元後新增到空間的畫素數。負值也是允許。

如,

屬性

格式

例子

leftmargin

leftmargin='value in pixels'

leftmargin='10'

letterspacing

letterspacing='value in pixels'

letterspacing='3'

上述樣式應用到圖表標題,輸出如下:

FusionChart完全入門手冊5

讓我們從這一節,先耐下心來,了解下fc3 的樣式,別擔心,我們看完這部分後,一定會有很多收穫,等這部分一結束,我們還會回到我們的 例項 中來的,不過接下來,還是讓我們看看這個可以讓你發揮你的創造力的部分。fusioncharts v3引入樣式來幫助你應用字型,效果和動畫,以圖表的各種物件。樣式帶給你...

FusionChart完全入門手冊9

發光樣式型別 the 發光樣式型別 讓你對任何圖表物件應用發光的輪廓。它具有以下可配置的屬性 屬性描述 color 發光的十六進製制顏色 無 預設值是ff0000 alpha 發光顏色的透明度。有效值範圍是0到100,例如,25設定的是25 的透明度 blurx 水平模糊量。有效值為0到255。預設...

FusionChart完全入門手冊8

動畫樣式型別 fusioncharts做得最好的事情之一就是圖表動畫序列,這是使用者靜靜樂道的。預設情況下,fusioncharts僅在資料繪製 柱狀圖 餅圖 折線圖等 時候使用動畫。但是fusioncharts v3不限制你的想象力。使用動畫樣式,你可以為圖表上的每乙個物件使用動畫效果。您可以自定...