開始之前,您必須先完成練習 3.3:新增樹狀結構元件。
股票 |
數量 |
價格 |
---|---|---|
IBM |
100 |
58 |
IBM2 |
250 |
130 |
IBM3 |
1000 |
100 |
IBM4 |
500 |
82 |
如果用圖形來表示,您必須先將清單本身當作一個錨點。 之後,您必須指示應該利用哪個直欄來作為 X 軸,最後,再指示代表每個資料系列的每個直欄。 因此,比方說,如果您要用圖形來表示四項股票的購買,以及並列顯示數量和價格資訊,您會將數量和價格直欄指定為資料系列。
這個指導教學要用圖形來表示投資組合的內容,連結位置內容,以及並列繪製各股的現行值和擁有的數量。
附註:如果資料有重複的列,比方說,給定的股票有多個資料點,您可以選取「群組值」勾選框,將類似的資料元素分組在一起。
如果您要將值分組,您必須選擇要用哪個函數,將兩個或更多分組的資料元素放在一起。 系統支援 sum、average、min、max、first 和 last 等基本函數。 如果您只有兩個資料系列,您可以選擇用圖形來同時表示它們,但在圖形的兩側繪製它們的 Y 軸標籤,這時會有左右兩條 Y 軸。 請選取 SUM 函數來進行資料分組,因為同一股會有多個項目。 在「資料格式」畫面中,選取每個資料系列的格式。當顯示實例的數值資料時,請務必指定應該顯示的小數點數。 格式選項的行為與圖形完全相符。
圖形元件沒有任何事件,因為它不接受使用者的任何輸入;所有顯示事件都由 Falsh 控制來進行內部管理。 它只會回應其他頁面事件,結果會更新它的顯示畫面。
如果您需要自訂圖形的外觀與操作方式,請編輯稱為 graph.css 的預設階式樣式表 (CSS)。 您可以在「專案導覽器」中,找到專案中的這個檔案,位置如下:/WebContent/theme/graph.css。
現在您已準備好開始進行練習 3.5:在伺服器中測試。