预览加载中，请您耐心等待几秒...

FusionChart完全入门手册.doc

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共11页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

HYPERLINK"http://www.cnblogs.com/tippoint/archive/2010/08/23/1806566.html"FusionChart完全入门手册 前言： 在翻译FunsionChartV3的时候，发现官方的帮助文档汉化其实是一个很浩大的工程，里面涉及的内容非常多，基本上可以写成一本书了。但是在一些点上，描述又不是很清楚，很多地方只是给出了描述文字，具体使用上的操作或者技巧，就更谈不上了。结合我前一阶段进行的BI项目的情况，结合我本人手头翻译的帮助文档，产生了写一些实例帮助文档的想法，姑且叫做《FusionChart完全入门手册》吧。 一、概述：（略，如果效果好，以后补充） 二、Charts类型 FusionCharts总共包含了很多的系列，如 FusionCharts--图表系列 FusionMap--地图系列 FusionWidgets--仪表盘系列 PowerCharts--不好翻译，但是其中最著名的是漏斗，姑且称为漏斗系列吧 我们这里介绍的是使用最多，样式也最繁杂的图标系列 三、一个简单的实例 一个完整的工程应该包含以下几个部分 控制文件(如FusionCharts.js，如果需要导出图形还需要FusionChartsExportComponent.js) 资源文件(swf文件，如Area2D.swf) 程序文件（如.html/.aspx/.asp/.php/.jsp等） 数据文件（根据实现方式，此部分可省略，后续进行说明） 下面，先看一个简单的例子，本章节如不加说明，默认显示的是2D柱状图（别小看它，2D学会了其他的水到渠成，大家稍安勿躁） 代码： 代码 1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2<htmlxmlns="http://www.w3.org/1999/xhtml">3<head>4<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>5<title>FusionChartsv3完全入门手册</title>6<linkrel="stylesheet"href="style/Style.css"type="text/css"/>7<scriptlanguage="JavaScript"src="JSClass/FusionCharts.js"></script>8</head>910<body>11<tablewidth="98%"border="0"cellspacing="0"cellpadding="3"align="center">12<tr>13<tdvalign="top"class="text"align="center"><divid="chartdiv"align="center">14FusionCharts.</div>15<scripttype="text/javascript">16varchart=newFusionCharts("Charts/Column2D.swf","ChartId","500","300","0","0");17chart.setDataURL("Data/Column2D.xml");18chart.render("chartdiv");19</script></td>20</tr>2122</table>23</body>24</html>25 1<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2<htmlxmlns="http://www.w3.org/1999/xhtml">3<head>4<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>5<title>FusionChartsv3完全入门手册</title>6<linkrel="stylesheet"href="style/Style.css"type="text/css"/>7<scriptlanguage="JavaScript"src="JSClass/FusionCharts.js"></script>8</head>910<body>11<tablewidth="98%"border="0"cell