今天介绍几个flash图表创建工具,Open Flash Chart,FusionChart,XML/SWF Charts等等,其他还有一些就不一一列举了.
XML/SWF Charts官方网站: http://www.maani.us/xml_charts/index.php
这个支持读取xml文件来创建,一个合法的xml格式如下:
<!-- this page contains the code for 2 charts (composite chart), which must be separated into 2 files -->
<!-- the first chart renders another chart by using the draw function -->
<!-- this is the XML source for the first chart -->
<chart>
<axis_category size='10' color='000000' alpha='50' />
<axis_ticks value_ticks='' category_ticks='' />
<axis_value alpha='0' />
<chart_border bottom_thickness='0' left_thickness='0' />
<chart_data>
<row>
<null/>
<string>JAN</string>
<string>FEB</string>
<string>MAR</string>
<string>APR</string>
<string>MAY</string>
<string>JUN</string>
</row>
<row>
<string>product 1</string>
<number tooltip='60'>60</number>
<number tooltip='90'>90</number>
<number tooltip='40'>40</number>
<number tooltip='90'>90</number>
<number tooltip='50'>50</number>
<number tooltip='40'>40</number>
</row>
<row>
<string>product 2</string>
<number tooltip='85'>85</number>
<number tooltip='70'>70</number>
<number tooltip='80'>80</number>
<number tooltip='40'>40</number>
<number tooltip='90'>90</number>
<number tooltip='95'>95</number>
</row>
</chart_data>
<chart_grid_h alpha='0' />
<chart_grid_v alpha='0' />
<chart_pref rotation_x='45' drag='false' />
<chart_rect x='80' y='-40' width='350' height='250' positive_alpha='0' />
<chart_transition type='zoom' delay='0.5' duration='1' order='series' />
<chart_type>3d column</chart_type>
<draw>
<image url='charts.swf?library_path=charts_library&xml_source=xml%2FGallery_Composite_1_2.xml' />
<text layer='background' color='000000' alpha='8' size='50' x='0' y='-10' width='500' height='200'>|||||||||||||||||||||||||||||||||||</text>
</draw>
<filter>
<shadow id='shadow1' distance='1' angle='45' color='0' alpha='35' blurX='4' blurY='4' />
</filter>
<legend shadow='shadow1' x='40' y='75' width='20' height='20' fill_alpha='0' layout='vertical' bullet='square' size='11' color='ffffff' alpha='90' />
<tooltip color='ffffff' alpha='90' size='10' background_color_1='ff4488' background_alpha='80' shadow='shadow1' />
<series_color>
<color>cc9944</color>
<color>556688</color>
</series_color>
</chart>
<!--=========================================================================== -->
<!-- this is the XML source for the second chart -->
<chart>
<chart_data>
<row>
<null/>
<string>US</string>
<string>UK</string>
<string>India</string>
<string>Japan</string>
<string>China</string>
</row>
<row>
<string></string>
<number>50</number>
<number>70</number>
<number>55</number>
<number>60</number>
<number>30</number>
</row>
</chart_data>
<chart_label as_percentage='1' size='9' color='ffffff' alpha='90' />
<chart_pref rotation_x='60' drag='false' />
<chart_rect x='120' y='150' width='130' height='130' positive_alpha='0' />
<chart_transition type='dissolve' delay='0.3' duration='0.4' order='category' />
<chart_type>3d pie</chart_type>
<filter>
<shadow id='shadow1' distance='1' angle='45' color='0' alpha='35' blurX='4' blurY='4' />
</filter>
<legend shadow='shadow1' x='40' y='150' width='20' height='40' fill_alpha='0' layout='vertical' bullet='circle' size='11' color='ffffff' alpha='90' />
<series_color>
<color>cc6600</color>
<color>cccc44</color>
<color>7700ee</color>
<color>666666</color>
<color>4488cc</color>
</series_color>
<series_explode>
<number>0</number>
<number>50</number>
</series_explode>
</chart>
既然支持xml,那么我们就可以用服务器端脚本来动态生成xml文件,从而达到实时生成动态的flash图表,cnzz统计,百度统计等等都用到了这些技术.
IT领域,flash开发的一些工具确实相当牛相当受用,比如swfupload上传工具,jwplayer flv播放器工具,还有flash文档工具,以及今天介绍的图表工具.在这里像这些大牛作者们致敬.感谢他们开发这么好这么强大的工具,敬礼,呵呵!