FusionChart完全入門手冊5

2021-09-06 01:17:36 字數 1047 閱讀 1464

讓我們從這一節,先耐下心來,了解下fc3 的樣式,別擔心,我們看完這部分後,一定會有很多收穫,等這部分一結束,我們還會回到我們的「例項」中來的,不過接下來,還是讓我們看看這個可以讓你發揮你的創造力的部分。

fusioncharts v3引入樣式來幫助你應用字型,效果和動畫,以圖表的各種物件。樣式帶給你乙個簡單的途徑,使用它你可以很容易地控制圖表視覺化布局。

為了使用樣式,你需要進行如下操作:

從fusioncharts v3開始,圖表上的每個物件已被分配乙個唯一的名稱,為的是與樣式產生直接的關聯。例如,圖表的背景是被稱為為background.同樣,影象(列、線、面積)被稱為dataplot。這使您可以將每個樣式多個圖表物件或多個圖表物件關聯到乙個特定的風格。

你可以找到圖中的每個xml表中的圖表物件的名單.

使用樣式的好處:

樣式型別

在我們進入更深入的細節前,讓我們簡要地看看fusioncharts v3中不同風格型別的選項。

字型

字型樣式 可以控制所有圖表上的文字屬性。利用這一點,你可以對個別文字圖表等元素設定字型,顏色,大小,背景顏色,邊框顏色,間距等

動畫

動畫樣式允許你為不同的圖表元素定義您的自定義動畫。預設情況下,fusioncharts的動畫情節的資料(列,線,麵等)。 但是你可以在xml中為其他圖表物件(標題,題目、值等)定義你的自定義動畫。每乙個圖表物件可以有多個動畫屬性(如的 x,y,xscale,yscale,alhpa等),每個序列可以有它自己的時間

陰影

要應用陰影效果圖上的任何物件,使用這個樣式型別配置屬性

發光

發光樣式讓您應用在圖表上發光效果的物件

斜面

斜面樣式可以使圖表物件有斜角的效果

模糊

模糊樣式幫助你為圖表任何物件建立乙個模糊效果。模式的數量和距離是可配置的。

FusionChart完全入門手冊7

字型樣式型別 正如你已經知道,使用字型樣式型別,您可以控制所有圖表上的文字的視覺特性。下列屬性是擴充套件的字型型別。與 示例的詳細解釋如下 屬性 簡要描述 例子或有效值 font 設定文字字型系列 verdana,arial size 指定字型大小 10,12 color 設定字型顏色,為十六進製制...

FusionChart完全入門手冊9

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

FusionChart完全入門手冊8

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