字型樣式型別
正如你已經知道,使用字型樣式型別,您可以控制所有圖表上的文字的視覺特性。下列屬性是擴充套件的字型型別。與**示例的詳細解釋如下:
屬性
簡要描述
例子或有效值
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不限制你的想象力。使用動畫樣式,你可以為圖表上的每乙個物件使用動畫效果。您可以自定...