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

 

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

  • 每个页面上的图表应使用不同的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 );
</script>

<div );
</script>

</body>
</html>

正如你在这里看到的,我们在这个页面上嵌入了两个图表.一个3D柱状图一个3D饼图。柱状图有一个名为myChart1的ID,它对应的DIV名字叫chart1div,图表变量叫myChart1.饼图具有不同的ID、DIV名和图表变量。

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

相关文章:

  • 2021-09-15
  • 2021-08-23
  • 2021-05-16
  • 2021-12-05
  • 2021-07-14
  • 2022-12-23
  • 2021-11-24
  • 2022-02-21
猜你喜欢
  • 2022-02-27
  • 2022-02-02
  • 2021-11-28
  • 2021-10-19
  • 2022-01-25
  • 2021-07-01
  • 2021-07-09
相关资源
相似解决方案