使用open-flash-chart產生三大法人買賣超圖表
open-flash-chart最重要的是它是開源和免費的
用 JavaScript 嵌入你的 SWF, swfobject.js 使用簡介
swfobject.embedSWF(swfUrl, id, width, height, version, expressInstallSwfurl, flashvars, params, attributes) 有 5 個必須的參數和 4 個可選的參數：
swfUrl （ String ，必須的）指定 SWF 的 URL 。
id （ String ，必須的）指定將會被 Flash 內容替換的 HTML 元素（包含你的替換內容）的 id 。
width （ String ，必須的）指定 SWF 的寬。
height （ String ，必須的）指定 SWF 的高。
version （ String ，必須的）指定你發佈的 SWF 對應的 Flash Player 版本（格式為： major.minor.release ）。
expressInstallSwfurl （ String ，可選的）指定 express install SWF 的 URL 並啟動 Adobe express install 。
flashvars （ String ，可選的）用 name:value 對指定你的 flashvars 。
params （ String ，可選的）用 name:value 對指定你的嵌套 object 元素的 params 。
attributes （ String ，可選的）用 name:value 對指定 object 的屬性。
open-flash-chart 參數對照表(轉貼)
|
元素/屬性 |
形狀或作用 |
參數1 |
參數2 |
參數3 |
參數4 |
參數5 |
|
|
title |
顯示圖表主題（最上方） |
主題名稱 |
樣式style |
|
|||
|
x_legend |
X座標說明（最下方, 與X軸平行） |
說明資訊 |
字體大小 |
字體顏色 |
|
||
|
y_legend |
Y座標說明（最左邊, 與Y軸平行） |
說明資訊 |
字體大小 |
字體顏色 |
|
||
|
x_labels |
設置X軸座標顯示 |
|
|||||
|
y_label_size |
|||||||
|
x_label_style |
設置X軸樣式 |
字體大小 |
字體顏色 |
角度(0:0度, 1:90度,2:45度) |
設置X軸線條間隔 |
X軸間隔線條顏色 |
|
|
y_label_style |
設置Y軸樣式 |
字體大小 |
字體顏色 |
||||
|
x_ticks |
控制X軸座標標記顯示 |
X軸座標標記長度 |
|||||
|
y_ticks |
控制Y軸座標標記顯示 |
Y軸座標標記最小長度 |
Y軸座標標記最大長度 |
將Y軸分割成幾個段 |
|
||
|
X_min |
設置X軸座標最小值 |
X軸座標最小值 |
|||||
|
x_max |
設置X軸座標最大值 |
X軸座標最大值 |
|||||
|
y_min |
設置Y軸座標最小值 |
Y軸座標最小值 |
|
||||
|
y_max |
設置Y軸座標最大值 |
Y軸座標最大值 |
|
||||
|
bg_colour |
設置背景顏色 |
||||||
|
inner_background |
設置座標區域內部顏色 |
顏色1 |
顏色2(從顏色1漸變到顏色2) |
漸變角度 |
|||
|
bg_image |
設置背景圖片 |
圖片位置 |
|||||
|
bg_image_x |
設置圖片橫向位置 |
[left |center |right]
|
|||||
|
bg_bg_image_y |
設置圖片縱向位置 |
[top |middle |bottom] |
|||||
|
x_axis_colour |
設置X軸顏色 |
||||||
|
y_axis_colour |
設置Y軸顏色 |
||||||
|
x_axis_steps |
設置X軸線條間隔 |
||||||
|
x_axis_3d |
設置X軸3d效果的高度 |
||||||
|
x_grid_colour |
設置X軸線條顏色 |
||||||
|
y_grid_colour |
設置Y軸線條顏色 |
||||||
|
show_y2 |
設置Y軸右邊也顯示座標 |
[true |false]
|
|||||
|
y2_lines |
設置哪個圖是根據右邊Y座標的值來顯示 |
[可以有多個] |
|
|
|
|
|
|
y_format |
格式化Y軸顯示(常與#val#等聯合使用) |
||||||
|
values |
設置值 |
|
|||||
|
num_decimals |
格式化小數位數 |
||||||
|
is_fixed_num_decimals_forced |
是否強制格式化小數 |
[true |false]
|
|||||
|
is_decimal_separator_comma |
是否使用小數分隔符號 |
[true: , |false: . ](與千位分隔符號相反) |
|||||
|
is_thousand_separator_disabled |
是否使用千位分隔符號 |
[true |false]
|
|||||
|
x_offset |
是否自動補償以適應圖的顯示 |
[true |false]
|
|||||
|
bar |
柱狀圖 |
透明度 |
顏色 |
名稱#key# |
名稱字體大小 |
|
|
|
bar_glass |
水晶柱狀圖 |
透明度 |
內部顏色 |
外框顏色 |
名稱#key# |
名稱字體大小 |
|
|
bar_fade |
漸變柱狀圖 |
透明度 |
顏色 |
名稱#key# |
名稱字體大小 |
||
|
bar_arrow |
帶有箭頭的柱狀圖 |
透明度 |
顏色 |
名稱#key# |
名稱字體大小 |
||
|
bar_3d |
3D立體柱狀圖 |