動畫樣式型別
fusioncharts做得最好的事情之一就是圖表動畫序列，這是使用者靜靜樂道的。預設情況下，fusioncharts僅在資料繪製（柱狀圖、餅圖、折線圖等）時候使用動畫。但是fusioncharts v3不限制你的想象力。
使用動畫樣式,你可以為圖表上的每乙個物件使用動畫效果。您可以自定義動畫並將它應用到圖表的各種物件。
每個圖表物件有乙個動畫支援屬性列表，可以通過動畫樣式設定。在我們通過通話樣式設定屬性之前，讓我們快速看一下動畫樣式屬性。
動畫樣式可以幫助你為物件的下列屬性實現動畫效果:
屬性描述
_x幫助給定物件在x位置進行動畫效果
_y幫助給定物件在y位置進行動畫效果.
_xscale
使用此屬性，您可以為給定的圖表物件製作動畫的x-縮放（水平縮放）
_yscale
像_xscale，在y-縮放（垂直縮放）
_alpha
幫助實施透明度過渡效果
_rotation
幫助你為餅圖和圓環圖製作圓周運動的動畫
並非所有的引數都可以適用於所有圖表物件。例如，文字字段不能是x -縮放或y縮放，旋轉效果也不適用於他們。同樣，水平分割槽線不支援的y和x縮放移。為每個圖表物件動畫的引數名單在圖表規範各自的圖表區域工作.
結合或多個動畫序列多個動畫也可以應用到任何圖表物件。例如，你可以為資料圖選擇y縮放和透明度漸變（組合動畫）或者您可能會首先x縮放，再y縮放（連續動畫）。
現在讓我們看看動畫樣式屬性，以便幫助我們控制功能:
屬性描述
param
這個屬性幫助你指定圖表物件動畫的屬性例如, _x, _y, _xscale 等
start
動畫的開始值。比如如果你要對資料圖進行透明度效果，這個開始值是0。
duration
利用這一點，你可以以秒級控制動畫時間
easing
這個屬性允許你指定動畫進行的類別。有效值是 "elastic"彈性, "bounce"**, "regular"定期, "strong"強 or "none"無.
對於動畫風格型別，除了 easing，所有上述屬性是強制性的
在詳細解釋前，讓我們快速看看乙個動畫示例。讓我們在圖表載入完成後嘗試讓畫布使用動畫效果
為此，我們首先需要確定我們的自定義樣式，由於需要同時_xscale和 _yscale同時按比例增加，我們需要定義兩個動畫樣式，把他們應用到畫布物件。樣式定義如下：
... more xml here ....
在上面的**中，我們命名了兩個樣式分別為 myxscaleanim和myyscaleanim和他們的引數（動畫引數） _xscale和 _yscale。我們設定起始值為0，畫布規模增加到100。（記住fusioncharts的規模總是從1-100），我們還指定了動畫序列的 duration為1。
如果您為乙個單一系列圖表執行上面的**，你會看到，在資料動畫和渲染之前，畫布規模從0到全尺寸的大小。正是我們需要的！讓我們進入到詳細的屬性.
param 屬性
param
屬性 指定應用動畫的圖表物件屬性。正如前面討論的，根據圖表物件不同可以採用以下值之一：
我們重申，不是所有圖表物件都支援所有的上述性質。請參考給定的圖表，以獲取為每個圖表物件支援動畫引數列表。
設定動畫的物件的起始位置在上面的例子中，我們實現了畫布從0到100的動畫，我們設定動畫起始值為0，因為我們想畫布從0到100縮放。你總是需要為任何動畫設定乙個起始值。最終值取決於圖表物件並根據fusioncharts的動畫引數。
例如，你想為分割槽線實現y位置動畫，從0到最終位置（畫布內）。你需要設定起始位置為0。但既然你不知道分割槽線的終點位置，fusioncharts會自動設定的。
同樣，如果你想為乙個圖表實現分割槽線動畫效果，它從底到各自的最終位置高 500畫素。你需要設定起始位置為500，終點位置由fusioncharts設定。
起始值的巨集通常情況下，你可能想指定動畫的x/y位置，畫布的開始/中間/結束位置。例如你想應用y屬性指定分割槽線從畫布頭到終點的動畫，在你最終指定畫布的y值錢你需要試驗很多y值。這是因為畫布的起始位置是在執行時時動態計算的，它依賴於很多因素，如標題、子標題、圖表間隙、空白等
fusioncharts v3的引入巨集幫你擺脫這種麻煩。巨集是預先定義的變數在執行時的假設值。例如，$ canvasstarty代表了畫布開始y位置，並假定在執行時只有乙個值。所以，如果你需要你的分割槽線的y位置從畫布開始到最終的實際位置上，你需要做的是：/p>
fusioncharts在執行時將自動計算,並且為巨集指定值，你會看到動畫從畫布的開始y位置開始。因此，如果就算你重設圖表大小或者顯示/隱藏標題或者改變空白大小，你也不需要保留畫布y位置的標籤，fusioncharts為你做.
fusioncharts v3 支援下列的動畫樣式巨集值:
$chartstartx
圖表開始的x位置。如果你在乙個html頁面載入圖表它是0。不過，如果你在另乙個flash影片載入圖表，將採取給定的x位置
$chartstarty
圖表開始的y位置。如果你在乙個html頁面載入圖表它是0。不過，如果你在另乙個flash影片載入圖表，將採取給定的x位置.
$chartwidth
圖表寬度
$chartheight
圖表高度
$chartendx
圖表終點x位置。如果你在乙個html頁面載入圖表，它的值等同於圖表的寬度。
$chartendy
圖表終點y位置。如果你在乙個html頁面載入圖表，它的值等同於圖表的寬度。
$chartcenterx
圖表中間x位置
$chartcentery
圖表中間y位置.
$canvasstartx
畫布啟動x位置（從左側）如畫布左邊的座標
$canvasstarty
畫布啟動y位置（從上部）如畫布頭的座標
$canvaswidth
畫布寬$canvasheight
畫布高$canvasendx
畫布終點x位置如畫布右側的座標
$canvasendy
畫布終點y位置如畫布底的座標
$canvascenterx
畫布中間x位置
$canvascentery
畫布中間y位置 y position of canvas
巨集名稱是大小寫敏感的。因此，你需要確保你提供巨集的名字以正確大小寫，$ canvasstarty將不工作，並且將記錄在除錯視窗中的錯誤。您需要正確地指定為$ canvasstarty。
使用巨集更多例子:
建立巨集表示式你也可以加入數字（整數）值預先定義的巨集，以抵消動畫時使用巨集。例如，如果你想畫布div線y位置的從10畫素開始動畫，你可以使用：:
或者，如果你想從動畫開始位置比畫布低10畫素，你可以使用：
目前，fusioncharts的只允許+（加）和 - （減）在巨集表示式操作。
指定動畫類別easing 是指逐漸加速或減速過程中的動畫。例如，乙個圖表物件可能在動畫開始逐步增加它的速度，但是在到達結束前會放慢速度。還有很多不同的方式來進行加速和減速。這有助於你的動畫看起來更真實。
fusioncharts v3支援以下方法：
方法描述
elastic
增加乙個彈性影響，在範圍的一端或兩者。該值不受時間影響。
bounce
增加乙個**效應在範圍的一端或兩端。數值與duration相關，更大的duration值產生**持續時間更長。
strong
新增較慢的運動在一端或兩端。這種效果是類似的例行緩和，但它更突出
regular
新增較慢的運動在一端或兩端。此功能使您能夠新增加速他們的影響，放緩的影響，或兩者兼而有之。
none
增加了乙個勻速運動從開始到結束沒有影響，減緩或加速。這一轉變也稱為線性過渡。
對於上述任何方法，fusioncharts在過渡期結尾會提供緩衝影響。例如，如果的動畫是y軸縮放從0到100，你會看到，列的動畫在開始很快（增速很快），但在最後一部分的動畫速度很慢.
你可以使用上述任何方法進行動畫樣式定義
FusionChart完全入門手冊5
讓我們從這一節，先耐下心來，了解下fc3 的樣式，別擔心，我們看完這部分後，一定會有很多收穫，等這部分一結束，我們還會回到我們的 例項 中來的，不過接下來，還是讓我們看看這個可以讓你發揮你的創造力的部分。fusioncharts v3引入樣式來幫助你應用字型，效果和動畫，以圖表的各種物件。樣式帶給你...
FusionChart完全入門手冊7
字型樣式型別 正如你已經知道，使用字型樣式型別，您可以控制所有圖表上的文字的視覺特性。下列屬性是擴充套件的字型型別。與 示例的詳細解釋如下 屬性 簡要描述 例子或有效值 font 設定文字字型系列 verdana,arial size 指定字型大小 10,12 color 設定字型顏色，為十六進製制...
FusionChart完全入門手冊9
發光樣式型別 the 發光樣式型別 讓你對任何圖表物件應用發光的輪廓。它具有以下可配置的屬性 屬性描述 color 發光的十六進製制顏色 無 預設值是ff0000 alpha 發光顏色的透明度。有效值範圍是0到100，例如,25設定的是25 的透明度 blurx 水平模糊量。有效值為0到255。預設...