常见的flash竖柱形线性饼状坐标图

利用程序也可以生成显示统计数据的各种样式图,下面介绍十来种不同的形状的flash来展示统计数据
一   竖柱形： < /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种柱形样式
使用说明:
 第一 步:
       引用swfobject.js文件<script type="text/javascript" src="http://www.cnblogs.com/amcolumn/swfobject.js"></script>
  第二步:
     实例化对象 SWFObject
       SWFObject的构造函数的参数有 flash的路径,高，宽 等
       amcolumn_settings.xml 是swf的基本设置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"));
       //也可以写成字符串模式如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等样 式
 使用方法与柱形图差不多
部分演示图片



四：   坐标xy图：
duration, time_plot,value_indicator_plugin等样式
 使用方法与柱形图差不多
部分演示图片


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

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





转载请注明出处:  http://www.eyejs.com
所有案例下载地址: http://www.eyejs.com/html/84/n-184.html