FusionCharts v3创建图表过程(flash图表)

1.选择manually enter data(创建数据库)

 

 

 

2.在这里输入数据,(Data Label表示列,后面的表示字段值),输入完数据以后点Convert to xml(生成XML文件)

 

3.这就是生成的XML文件,把它复制到来,放到CODE-——JAVASCRIPT——BASICS下面,命名为Data.xml具体步骤图如

4.单击ConfigureChart跳出来如图所示的对话框,在对话框里面输入相应的值。(Caption of Chart表示标题,Sub-caption of Chart小标题.,X-Axis Title表示X轴代表什么,y-Axis Title表示Y轴代表什么)输入完后点击UPDATE

5.点击Generate HTML跳出来的是这个代码框,复制这个代码框,保存到code->javascript ->basics下面命名为Chart.html

6最后一步去CHARTS里面把Column2D.swf复制到code->javascript ->basics下面,这样就OK了要是还是看不懂下面还有纯文字描述

 

 

1。按照指示分别把xml、html的代码复制过来,放到code->javascript->basics下面(自己创建一个Data.xml和Chart.html)

2。打开HTML查看它BODY里面的script中的这一行:<embed src="Column3D.swf" flashVars="&dataURL=Data.xml&chartWidth=450&chartHeight=300" quality="high" width="450" height="300" name="FusionCharts_1" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />我这里是这样子的,大家也看到了我这里的SRC=Column3d.swf

3然后去Charts下面,把Column3d.swf复制过来(复制到:code->javascript->basics下面,即把它和XML、HTML放在同一路径当中). 到这里就OK了

双击你的HTML你就会看到这个图表的生成。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值