fusioncharts 汉化3-4
2010-07-01 16:26
141 查看
位置:第三章创建你的第一个图表 >> 单页多图表
一页嵌入多个图表 |
FusionCharts可以在一个页面嵌入任意数量的图表(即使用注册版).事实上,你甚至可以把我们的其他产品如仪表盘和地图 (FusionWidgets, FusionMaps 和 PowerCharts) 放在同一个页面中。这里,我们很快会看到这样的一个例子: 每个页面上的图表应使用不同的DIV来渲染. 每个页面上的图表都应该有一个不同的ID(在Javascript的容器中指定) 每个图表都有它自己的JavaScript变量名 (如, var chart1 = new FusionCharts(...); var chart2 = new FusionCharts(...); ) 下面是一个例子所示页面包含多个图表。该网页命名为MultipleCharts.html,并存储在MyFirstChart文件夹。 |
<html> <head> <script language="JavaScript" src="../FusionCharts/FusionCharts.js"></script> </head> <body bgcolor="#ffffff"> <div id="chart1div" align="center">The chart will appear within this DIV. This text will be replaced by the chart.</div> <script type="text/javascript"> var myChart1 = new FusionCharts("../FusionCharts/Column3D.swf", "myChart1Id", "900", "300", "0", "0"); myChart1.setDataURL("Data.xml"); myChart1.render("chart1div"); </script> <div id="chart2div" align="center">The chart will appear within this DIV. This text will be replaced by the chart.</div> <script type="text/javascript"> var myChart2 = new FusionCharts("../FusionCharts/Pie3D.swf", "myChart2Id", "500", "300", "0", "0"); myChart2.setDataURL("Data.xml"); myChart2.render("chart2div"); </script> </body> </html> |
正如你在这里看到的,我们在这个页面上嵌入了两个图表.一个3D柱状图一个3D饼图。柱状图有一个名为myChart1的ID,它对应的DIV名字叫chart1div,图表变量叫myChart1.饼图具有不同的ID、DIV名和图表变量。 运行这个页面,你会看到这个页上的两个图表。 |
相关文章推荐
- fusioncharts 汉化 3-3
- fusionCharts汉化PDF文件放出 ------第四章 【FusionCharts和XML】
- FusionCharts v3汉化计划第一期汇总(已汉化完成第一章)
- fusioncharts 汉化3-5(第三章完毕)
- FusionCharts v3汉化计划第二期汇总(已汉化完成第一、二章,现放出下载)
- fusioncharts错误提示的汉化,基本故障排除,下载功能配置
- FusionCharts v3汉化(1)
- fusioncharts v3汉化 (2-5)
- fusionCharts汉化PDF文件放出 ------第一章 【介绍】
- fusioncharts v3汉化 (6)
- fusioncharts 汉化 3-1
- fusionCharts汉化PDF文件放出 ------第三章 【创建第一个图表】
- fusioncharts 汉化 3-2
- 最新最快BT5R3汉化方法
- 【工作笔记0004】VS2008升级后智能提示变英文解决方法,附带汉化补丁下载
- Ubuntu 汉化及kate汉化和使用自带终端的解决方式
- mac下安装中文汉化插件和快速打开浏览器插件
- [041105]风心灵之息Wind_-a_breath_of_heart-_Re:gratitude【汉化硬盘版】[带全CG存档&攻略+临时小补丁]
- 【分享】DRACU-RIOT! 汉化硬盘版【附带高压汉化版】
- eclipse3.2安装 + 汉化 + 配置SWT Designer6.2.0