嵌入open flash chart 图表组件

JacenHe

open flash chart 是一个开源（LGPL许可）、免费的Flash图表组件。
此范例演示了直接嵌入flash控件 - aardio代码如何类似JS那样与Flash交互调用。

1. 
   
2. import win.ui;
   
3. /*DSG{{*/
   
4. var winform = win.form(text="正在下载open-flash-chart.swf";right=511;bottom=352;parent=...)
   
5. winform.add(
   
6. btn_xcall={cls="button";text="重新加载图表";left=217;top=313;right=394;bottom=340;db=1;dr=1;z=3};
   
7. btnScreen={cls="button";text="全屏";left=403;top=314;right=491;bottom=341;db=1;dr=1;z=2};
   
8. flashBox={cls="custom";left=19;top=16;right=488;bottom=303;db=1;dl=1;dr=1;dt=1;edge=1;z=1}
   
9. )
   
10. /*}}*/
    
11. 
    
12. //创建控件
    
13. import com.flash;
    
14. var flash = com.flash( winform.flashBox );
    
15. 
    
16. import web.json;
    
17. var chartData = { //定义报表数据
    
18.     bg_colour = "#000000";
    
19.     elements = {
    
20.         {
    
21.             ["alpha"] = 0.6;
    
22.             ["ani-mate"] = 0;
    
23.             ["border"] = 2;
    
24.             ["colours"] = {
    
25.                 "#d01f3c";
    
26.                 "#356aa0";
    
27.                 "#C79810"
    
28.             };
    
29.             ["start-angle"] = 35;
    
30.             ["type"] = "pie";
    
31.             ["values"] = {
    
32.                 2;
    
33.                 3; {
    
34.                     ["label"] = "hello (#val#)";
    
35.                     ["on-click"] = "on_click_pie"; //http:协议前缀则为网址,也可以使用flash.external里的函数名
    
36.                     ["tip"] = "99 bottles of beer";
    
37.                     ["value"] = 65
    
38.                 }; {
    
39.                     ["on-click"] = "my_function";
    
40.                     ["value"] = 65
    
41.                 }
    
42.             }
    
43.         }
    
44.     };
    
45.     title = {
    
46.         style = "{font-size: 30px;}";
    
47.         text = "Pie for you sir?"
    
48.     }
    
49. }
    
50. 
    
51. //导出接口函数给FLASH里的AS脚本
    
52. flash.external = {
    
53.     open_flash_chart_data = function(){
    
54.         return web.json.stringify(chartData); //open-flash-chart默认调用此函数加载JSON格式的报表数据
    
55.     }
    
56.     ofc_ready = function(){
    
57.         winform.text = "aardio嵌入open-flash-chart报表演示";
    
58.     }
    
59.     ofc_resize = function(left,width,top,height){
    
60.    
    
61.     }       
    
62.     save_image = function(){
    
63.         import crypt.bin;
    
64.         import fsys.dlg;
    
65.         var bin = flash.xcall("get_img_binary");
    
66.         if(!bin) return;
    
67.         
    
68.         import web.script;
    
69.         bin = web.script().Eval('"' + bin + '"' );//移除掉JS语法的转义符
    
70.         var bin = crypt.bin.decodeBase64(bin);
    
71.    
    
72.         var path = fsys.dlg.save("*.png|*.png||","报表另存为",,winform.hwnd)
    
73.         if(path) string.save(path,bin)
    
74.     }
    
75.     on_click_pie = function( _x ){
    
76.         winform.msgbox("响应点击")
    
77.     }        
    
78. }  
    
79. 
    
80. import inet.url;
    
81. flash.parameters = {
    
82.     save_image_message = "另存为图像"; //这是设置初始化参数，也就是flashVars
    
83. }
    
84. 
    
85. //打开swf文件
    
86. flash.movie = "http://update.aardio.com/aardio/samples/open-flash-chart.swf";
    
87. flash.play();
    
88. 
    
89. winform.btn_xcall.oncommand = function(id,event){
    
90.     flash.xcall("load",  web.json.stringify(chartData) ); //调用FLASH里的AS脚本中用ExternalInterface.addCallback导出的接口函数
    
91.     //flash.xcall("reload",url)
    
92.     //flash.xcall("post_image",url,callback,debug)
    
93. }
    
94. 
    
95. winform.btnScreen.oncommand = function(id,event){
    
96.     winform.flashBox.fullscreen(true);
    
97. }
    
98. 
    
99. winform.show(true)
    
100. win.loopMessage();
     
101. 
     

复制代码