zoukankan html css js c++ java

fusioncharts 汉化34

位置：第三章创建你的第一个图表 >> 单页多图表

一页嵌入多个图表

FusionCharts可以在一个页面嵌入任意数量的图表（即使用注册版）.事实上，你甚至可以把我们的其他产品如仪表盘和地图 (FusionWidgets, FusionMaps 和 PowerCharts) 放在同一个页面中。这里，我们很快会看到这样的一个例子：

每个页面上的图表应使用不同的DIV来渲染.
每个页面上的图表都应该有一个不同的ID(在Javascript的容器中指定)
每个图表都有它自己的JavaScript变量名 (如, var chart1 = new FusionCharts(...); var chart2 = new FusionCharts(...); )

下面是一个例子所示页面包含多个图表。该网页命名为MultipleCharts.html，并存储在MyFirstChart文件夹。

<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名和图表变量。

运行这个页面，你会看到这个页上的两个图表。

查看全文

相关阅读:
[C#]mouse_event模拟点击时坐标参数无效？！
体验boost::spirit
喜讯，公司换宽屏液晶显示器了
 [疑难杂症]扩展AxWebBrowser的问题???
VS 2005 BUG: 新增JScript文件编码问题引起乱码？
在JavaScript中实现命名空间
 [C#]实现序列号生成器
 基于Web的仿WF工作流设计器
 分享：基于UDP协议实现可靠的数据传输
 远程控制之屏幕截取小结

原文地址：https://www.cnblogs.com/tippoint/p/1769267.html