FusionCharts完全入門手冊11

2021-09-06 01:17:36 字數 2483 閱讀 3033

斜面樣式型別

如果你想為圖表的任何物件應用斜面效果,你需要使用下列的斜面樣式型別屬性列表:

屬性描述

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是圖...