利用程序也可以生成顯示統(tǒng)計(jì)數(shù)據(jù)的各種樣式圖,下面介紹十來(lái)種不同的形狀的flash來(lái)展示統(tǒng)計(jì)數(shù)據(jù)
一   豎柱形：< /font>
3d_stacked_bar,3d_stacked_column,auto_resizing_chart,chart_with_gradient_fills,
column_and_line_chart_mix,floating_chart,histogram_chart,javascript_control,
multiple_charts_on_one_page,patterns,value_indicator_plugin   11種柱形樣式
使用說(shuō)明:
 第一 步:
       引用swfobject.js文件<script type="text/javascript" src="http://www.cnblogs.com/amcolumn/swfobject.js"></script>
  第二步:
     實(shí)例化對(duì)象 SWFObject
       SWFObject的構(gòu)造函數(shù)的參數(shù)有 flash的路徑,高，寬 等
       amcolumn_settings.xml 是swf的基本設(shè)置text_color,text_size,width of column等
     例 如：
        <div id="flashcontent">
          <strong>You need to upgrade your Flash Player</strong>
       </div>
       var so = new SWFObject("amcolumn/amcolumn.swf", "amcolumn", "520", "400", "8", "#FFFFFF");
       so.addVariable("settings_file", encodeURIComponent("amcolumn/amcolumn_settings.xml"));
       so.addVariable("data_file", encodeURIComponent("amcolumn/amcolumn_data.xml"));
       //也可以寫(xiě)成字符串模式如Yes;4;false;CC33FF\nSeldom;35;false;6666FF \nNo;20;false;FFCC00
       //Yes;4;false;CC33FF  \n是分隔 符
       so.write("flashcontent");
演示圖片











------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
二  線性圖：
auto_resizing_chart, chart_with_data_gaps,chart_with_scroller
 data_and_settings_inisde,no_interactivity,stacked_area_chart
 ,value_indicator_plugin 等樣式
 使用方法與柱形圖差不多
部分演示圖片



三  pie 餅狀圖：
auto_resizing_chart, custom_background, data_and_settings_inisde,donut,patterns,multiple_charts_on_one_page等樣 式
 使用方法與柱形圖差不多
部分演示圖片



四：   坐標(biāo)xy圖：
duration, time_plot,value_indicator_plugin等樣式
 使用方法與柱形圖差不多
部分演示圖片


五  stock圖：
candlestick ,data_at_irregular_intervals, encrypted_data,events,intraday_data,ohlc等樣式
 使用方法與柱形圖差不多
部分演示圖片

六：   radar圖：
polar,stacked,100% stacked等樣式
 使用方法與柱形圖差不多
部分演示圖片





轉(zhuǎn)載請(qǐng)注明出處:  http://www.eyejs.com
所有案例下載地址: http://www.eyejs.com/html/84/n-184.html

• Flash