Question

我遇到了大麻烦，我需要帮助！我即将使用Fusion Chart比较不同的数据，我能够为我的复选框中的每个对象制作一个图表，我的问题是，如何调用这些html文件并叠加它们，同时点击多个复选框以便比较它们？

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Interface</title>


</head>

<body>

<form name="form1" method="post" action="transfert.php" target="_blank">
<p>Date de Debut : 
<input type="date" name="date1" id="champ_date1" size="12" maxlength="20" /></p>

<p>Date de Fin : 
<input type="date" name="date2" id="champ_date1" size="12" maxlength="20" /> </p>

<p> choisir KPI </p>
 
<input type="checkbox" name="check_list[]" value="TotalVoiceTrafficBH1" > TotalVoiceTrafficBH1<br>
<input type="checkbox" name="check_list[]" value="TotalVoiceTrafficBH2" > TotalVoiceTrafficBH2<br>
<input type="checkbox" name="check_list[]" value="CSSRBH1" > CSSRBH1<br>
<input type="checkbox" name="check_list[]" value="CSSRBH2" > CSSRBH2<br>
<input type="checkbox" name="check_list[]" value="TCHBlockingBH1" >TCHBlockingBH1<br>
<input type="checkbox" name="check_list[]" value="TCHBlockingBH2" > TCHBlockingBH2<br>
<input type="checkbox" name="check_list[]" value="SDCHHBlockingBH1" >SDCHHBlockingBH1<br>
<input type="checkbox" name="check_list[]" value="SDCCHBlockingBH2" >SDCCHBlockingBH2<br>
<input type="checkbox" name="check_list[]" value="SDCCHDropBH1" > SDCCHDropBH1<br>
<input type="checkbox" name="check_list[]" value="SDCCHDropBH2" > SDCCHDropBH2<br>
<input type="checkbox" name="check_list[]" value="TCHDropBH1" > TCHDropBH1<br>
<input type="checkbox" name="check_list[]" value="TCHDropBH2" > TCHDropBH2<br>
<input type="checkbox" name="check_list[]" value="HOSRBH1" > HOSRBH1<br>
<input type="checkbox" name="check_list[]" value="HOSRBH2" > HOSRBH2<br>

<p><input type="submit" value="Afficher" size="15"/>
</p>
</form>
<script language="javascript" type="text/javascript">
function checkValue() {
  var checkedValue = null;
  var inputElements = document.getElementsByName('check_list[]');
  for (var i = 0; inputElements[i]; ++i) {
    if (inputElements[i].checked) {
      checkedValue = inputElements[i].value;
      break;
    }
    return checkedValue;
  }
}
var iframe = document.createElement('iframe');
if (checkValue()== 'SDCHHBlockingBH1')
{
iframe.src = 'http://localhost/xampp/www/interactive_php_mysql_charts/chart_trans7.html';
		iframe.width='700';
		iframe.height='500';
		iframe.align='right';
        break;
}

else if (checkValue()== 'SDCHHBlockingBH2')
{
iframe.src = 'http://localhost/xampp/www/interactive_php_mysql_charts/chart_trans8.html';
		iframe.width='700';
		iframe.height='500';
		iframe.align='right';
        break;
}
document.body.appendChild(iframe);
</script>
</body>

</html>

在这里，我使用iframe来覆盖一个在另一个上面，但它不起作用，任何建议请，即使没有iframe？

Answer 1

我的方法是......

使用CSS“position：relative;”
使用CSS
创建3个图表容器div
```
ORDER BY
```

您可能需要对HTML调用进行一些预处理，以使用图表填充div（删除头部和正文，因此您只需要包含图表内容的div），或者将图表HTML提取到模板中你可以打电话。我不确定这里有什么限制。

另一种方法可能是使用服务器插件创建图表div或图表页面的图像，然后从您的应用程序调用图像。我可能会弄错，但我认为有一个GIMP服务器插件可以做到这一点。

调用包含图形的不同html文件并叠加它们以便能够比较它们

1 个答案: