斜面樣式型別
如果你想為圖表的任何物件應用斜面效果,你需要使用下列的斜面樣式型別屬性列表:
屬性描述
angle
斜面的角度。有效值從0到360,預設值是45
distance
斜面的距離. 有效值是畫素(浮點). 預設值是4.
shadowcolor
斜面陰影顏色。有效值格式是 rrggbb (無#).預設值是000000
shadowalpha
陰影顏色的透明度. 這個值是格式化的從0到100。例如, 25 指的是25%的透明度. 預設值是50.
highlightcolor
斜面的高光顏色. 有效值是十六進製制格式 rrggbb (無#). 預設值是ffffff
highlightalpha
高光顏色的透明度. 此值是格式化的從0到100,例如25 指的是25%的透明度. 預設值是50.
blurx
水平模糊畫素數有效值從0到 255 (浮點). 預設值是 4. 權值2 (如 2, 4, 8, 16, 和32) 比其他值渲染快
blury
垂直模糊畫素數有效值從0到 255 (浮點). 預設值是 4. 權值2 (如 2, 4, 8, 16, 和32) 比其他值渲染快
strength
壓印或擴散的強度。該值越高,斜面和背景之間的顏色印記和強度差距越大。有效值範圍是0到255,預設值是1.
quality
過濾器呈現時間值。預設值是1,這等同於低質量。值為2為中等質量,值為3是高質量。較低的值呈現過濾較快。
為圖表物件設定斜面,你需要定義斜面樣式型別並應用如下:
呈現如下:
設定角度和距離
你可以設定角度和距離如下r:
屬性
格式
例子
distance
distance='值 (畫素)'
distance='7'
angle
angle='值 (從0到360)'
angle='200'
看起來如下:
設定陰影顏色
改變陰影顏色和透明度,你可以使用下面的引數:
屬性
格式
例子
shadowcolor
shadowcolor='十六進製制值(無#)'
shadowcolor='000000'
shadowalpha
shadowalpha='value (between 0 to 100)'
shadowalpha='80'
它會改變陰影顏色如下:
控制模糊量
您還可以更改模糊數量,以獲取更順暢斜角。
屬性
格式
例子
blurx
blurx='值'
blurx='12'
blurry
blury='值'
blury='12'
以上的會有如下輸出:
原有的預設模糊
blurx和blury設定為12
增加斜面強度
為了增加斜面強度,使用斜面屬性如下:
屬性
格式
例子
strength
strength='值'
你可以使用大量的上述屬性來實現你想實現的樣式
FusionCharts完全入門手冊13
我們討論完fc3的樣式後,返回頭看看我們前面第4節說到的問題,我們如何實現自定義背景動畫和自定義動畫呢,看到這裡,系列看完文章的朋友可以很快得到答案 使用樣式,對。那接下來我們就用例項看看如何實現自定義動畫。1 自定義背景動畫 我們還是使用前面例子的 1 chart caption 月度銷售額 xa...
FusionCharts完全入門手冊10
發光樣式型別 the 發光樣式型別 讓你對任何圖表物件應用發光的輪廓。它具有以下可配置的屬性 屬性描述 color 發光的十六進製制顏色 無 預設值是ff0000 alpha 發光顏色的透明度。有效值範圍是0到100,例如,25設定的是25 的透明度 blurx 水平模糊量。有效值為0到255。預設...
fusioncharts如何運用
fusioncharts是乙個很使用的網頁報表外掛程式,通過它可以滿足各種各樣的 需要而且樣式也肯酷。接下來就看看它是如何完成乙個圖表的 我用的是myeclipse所以就用的web專案做的,首先建立web專案。然後建立fusioncharts資料夾把壓縮包下js資料夾裡所有的檔案考過來。type是圖...