Javascript 使用jquery显示两个数据透视表
我正在尝试使用pivottable.js创建两个数据透视表来显示工资工时 预期结果如下所示： 地点1的工资单Javascript 使用jquery显示两个数据透视表,javascript,php,jquery,html,pivottable.js,Javascript,Php,Jquery,Html,Pivottable.js,我正在尝试使用pivottable.js创建两个数据透视表来显示工资工时 预期结果如下所示： 地点1的工资单 foo bar biz 地点2的工资单 bad bash bin 显然，在pivottable.js显示表单中，我无法在此处重新创建该表单 但是，数据透视表仅显示页面的一个位置，即位置1或位置2 我对javascript或html了解不够，无法理解我在这里做错了什么，这似乎是一个我没有看到的简单问题。这都在一个php文件中 下面是我用于php文件的代码 $pageStart = '
foo
bar
biz
bad
bash
bin
$pageStart = '<html>
<head>
<title>Payroll</title>
<!-- c3 and d3 scripts and jquery -->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.css">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.4.11/c3.min.js"></script>
<script type="text/javascript" src="./jquery/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="./jquery/jquery-ui-1.12.1/jquery-ui.min.js"></script>
<!-- PivotTable.js -->
<link rel="stylesheet" type="text/css" href="./jquery/pivottable/dist/pivot.css">
<script type="text/javascript" src="./jquery/pivottable/dist/pivot.js"></script>
<script type="text/javascript" src="./jquery/c3_renderers.js"></script>
<style>
body {font-family: Verdana;}
</style>
<!-- mobile support -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui-touch-punch/0.2.3/jquery.ui.touch-punch.min.js"></script>
</head>
<body>
<p> Location 1 payroll hours
<script type="text/javascript">
// This loads the payroll hours for location 1
// no derived attributes
var derivers = $.pivotUtilities.derivers;
var renderers = $.extend($.pivotUtilities.renderers,
$.pivotUtilities.c3_renderers);
$(function(NB){NB,
$("#output").pivotUI(
' . $json . ',
{rows: ["Name"],
cols: ["Hours_type", "Date"],
aggregatorName: "Sum",
vals: ["Hours"],}
);
});
</script>
<br>
<p> location 2 Payroll Hours
<script>
$(function(SV){
$("#output").pivotUI(SV,
' . $json2 . ',
{rows: ["Name"],
cols: ["Hours_type", "Date"],
aggregatorName: "Sum",
vals: ["Hours"],}
);
})
</script>
<div id="output" style="margin: 30px;"></div>
</body>
</html>';
print $pageStart;
$pageStart='1！'
工资名单
正文{字体系列：Verdana；}
地点1发薪时间
//这将加载位置1的工资工时
//没有派生属性
var derivers=$.pivotUtilities.derivers；
var renderers=$.extend（$.pivotUtilities.renderers，
$.pivotUtilities.c3_渲染器）；
$（函数（NB）{NB，
$（“#输出”）.pivotUI(
“.$json”。”，
{行：[“名称”]，
cols:[“小时类型”，“日期”]，
aggregatorName:“总和”，
VAL:[“小时”]，}
);
});
地点2发薪时间
$（功能（SV）{
$（“#输出”）.pivotUI（SV，
“.$json2”，
{行：[“名称”]，
cols:[“小时类型”，“日期”]，
aggregatorName:“总和”，
VAL:[“小时”]，}
);
})
';
打印$pageStart；
$json$json2在输出中引用第一个表，在输出1中引用第二个表因此第二个$（“#output”）应该重命名为类似$（“#output2”）的名称，即使在重命名输出后，我仍然只返回一个数据透视表，然后我突然意识到，原因是我需要放置两个独立的
…