WebRoot/FusionChartsFree/Contents/singlePageMultiChart.html
（开头部分） 8KB
这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。
<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>FusionCharts Free Documentation</title>
<link rel="stylesheet" href="Style.css" type="text/css" />
</head>
<body>
<table width="98%" border="0" cellspacing="0" cellpadding="3" align="center">
<tr>
<td><h2 class="pageHeader">Using Multiple Charts in a Single HTML Page </h2></td>
</tr>
<tr>
<td valign="top" class="text"><p>Using FusionCharts, you can create any number of charts in a single page - each chart can have its own data source, size or other properties.
Let us see how to embed 4 charts in a single HTML page. <br />
<br />
Consider the code below:</p></td>
</tr>
<tr>
<td valign="top" class="codeBlock"><p><html><br />
<head><title>Multiple Charts in a single Page</title> <br />
<script language="JavaScript" src="../FusionCharts/FusionCharts.js"></script><br />
</head><br />
<body bgcolor="#ffffff"><br />
<div id="<strong>chartdiv1</strong>" align="center">First Chart Container Pie 3D</div><br />
<script type="text/javascript"><br />
var <strong>myChart1</strong> = new FusionCharts("../FusionCharts/FCF_pie3D.swf", "<strong>myChartId1</strong>", "600", "400"); <br />
myChart1.setDataURL("Data.xml"); <br />
myChart1.render("<strong>chartdiv1</strong>");<br />
</script></p>
<p> <div id="<strong>chartdiv2</strong>" align="center">Second Chart Container Column 3D</div><br />
<script type="text/javascript"><br />
var <strong>myChart2</strong> = new FusionCharts("../FusionCharts/FCF_Column3D.swf","<strong>myChartId2</strong>", "600","300"); <br />
myChart2.setDataURL("Data.xml"); <br />
myChart2.render("<strong>chartdiv2</strong>");<br />
</script></p>
<p> <div id="<strong>chartdiv3</strong>" align="center">Third Chart Container Line 2D</div><br />
<script type="text/javascript"><br />
var <strong>myChart3</strong> = new FusionCharts("../FusionCharts/FCF_line.swf", "<strong>myChartId3</strong>", "600", "300"); <br />
myChart3.setDataURL("Data.xml"); <br />
myChart3.render("<strong>chartdiv3</strong>");<br />
</script></p>
<p> <div id="<strong>chartdiv4</strong>" align="center">Fourth Chart Container Area 2D</div><br />
<script type="text/javascript"><br />
var <strong>myChart4</strong> = new FusionCharts("../FusionCharts/FCF_area2D.swf", "<strong>myChartId4</strong>", "400", "250"); <br />
myChart4.setDataURL("Data.xml"); <br />
myChart4.render("<strong>chartdiv4</strong>");<br />
</script><br />
</body><br />
</html></p></td>
</tr>
<tr>
<td valign="top" class="text"><p>As you can see above, we've created 4 DIV elements, one for each chart. Here you must be aware that one DIV element can hold only one chart. Again each DIV element is given a unique ID i.e. no chart DIV element should be of same name (This is the first crucial point to remember). Hence the IDs of the 4 DIV elements are <span class="codeInline">chartdiv1</span>, <span class="codeInline">chartdiv2</span>, <span class="codeInline">chartdiv3</span> & <span class="codeInline">chartdiv4</span>.
<p class="codeBlock">…<div id="<strong>chartdiv1</strong>" align="center">First Chart Container Pie 3D</div>…<br />
<br />
…<div id="<strong>chartdiv2</strong>" align="center">First Chart Container Column 3D</div>…<br />
<br />
…<div id="<strong>chartdiv3</strong>" align="center">First Chart Container Line 2D</div>…<br />
后面还有 36 行代码，购买后查看完整代码
24 小时内免费解锁 3 个项目，之后 1 算力/个。 规则说明
AI 解读 AI
登录后可用，每次 10 算力，解读结果公开显示在下面。
还没有人解读过这个文件。
微信安全登录