gpt4 book ai didi

javascript - 使用 jquery 显示两个数据透视表

转载 作者:行者123 更新时间:2023-11-30 14:50:02 26 4
gpt4 key购买 nike

我正在尝试使用 pivottable.js 创建两个数据透视表来显示工资小时数

想要的结果应该是这样的:

位置 1 的工资单

foo
bar
biz

位置 2 的工资单

bad
bash
bin

显然在 pivottable.js 显示表单中,我无法在此处重新创建

但是,数据透视表只显示一个页面,它是位置 1 或位置 2

我对 javascript 或 html 了解不够,无法理解我在这里做错了什么,这似乎是一个我没有看到的简单问题。这都在一个 php 文件中。

这是我为 php 文件使用的代码

$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;

$json$json2 是 mysql 函数,它们拉取数据以供数据透视表显示

最佳答案

如果您对两个表都使用 $("#output"),那么一个将覆盖另一个。

关于javascript - 使用 jquery 显示两个数据透视表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48290802/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com