1 / 11
文档名称:

FusionChart完全入门手册.doc

格式:doc   大小:314KB   页数:11页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

FusionChart完全入门手册.doc

上传人:1314042**** 2021/1/5 文件大小:314 KB

下载得到文件列表

FusionChart完全入门手册.doc

相关文档

文档介绍

文档介绍:前言:
 在翻译FunsionChart V3的时候,发现官方的帮助文档汉化其实是一个很浩大的工程,里面涉及的内容非常多,基本上可以写成一本书了。但是在一些点上,描述又不是很清楚,很多地方只是给出了描述文字,具体使用上的操作或者技巧,就更谈不上了。结合我前一阶段进行的BI项目的情况,结合我本人手头翻译的帮助文档,产生了写一些实例帮助文档的想法,姑且叫做《FusionChart完全入门手册》吧。
 
 
一、概述:(略,如果效果好,以后补充)
二、             Charts类型
FusionCharts总共包含了很多的系列,如
l         FusionCharts -- 图表系列
l         FusionMap    -- 地图系列
l         FusionWidgets -- 仪表盘系列
l         PowerCharts   -- 不好翻译,但是其中最著名的是漏斗,姑且称为漏斗系列吧
 
我们这里介绍的是使用最多,样式也最繁杂的图标系列
 
 
三、             一个简单的实例
一个完整的工程应该包含以下几个部分
l         控制文件(如FusionChartsjs,如果需要导出图形还需要FusionChartsExportComponentjs)
l         资源文件(swf文件,如Area2Dswf)
l         程序文件(如html /aspx /asp/php/jsp等)
l         数据文件(根据实现方式,此部分可省略,后续进行说明)
下面,先看一个简单的例子,本章节如不加说明,默认显示的是2D柱状图(别小看它,2D学会了其他的水到渠成,大家稍安勿躁)
代码:
    
代码
 1  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "http://wwww3org/TR/xhtml1/DTD/xhtml1-transitionaldtd">
 2 <html xmlns="http://wwww3org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>FusionCharts v3 完全入门手册</title>
 6 <link rel="stylesheet" href="style/Stylecss" type="text/css" />
 7 <script language="JavaScript" src="JSClass/FusionChartsjs"></script>
 8 </head>
 9 
10 <body>
11 <table width="98%" border="0" cellspacing="0" cellpadding="3" align="center">
12   <tr> 
13     <td valign="top" class="text" align="center"> <div id="chartdiv" align="center"> 
14         FusionCharts </div>
15       <script type="text/javascript">
16            var chart = new FusionCharts("Charts/Column2Dswf", "ChartId", "500", "300", "0", "0");
17            chartsetDataURL("Data/Column2Dxml");           
18            chartrender("chartdiv");
19         </script> </td>
20   </tr>
21   
22 </table>
23 </body>
24 </html>
25 
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" "http://wwww3org/TR/xhtml1/DTD/xhtml1-transitionaldtd">
 2 <html xmlns="http://wwww3org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Cont