gpt4 book ai didi

java - 使用数据组创建条形图

转载 作者:行者123 更新时间:2023-11-29 06:13:14 25 4
gpt4 key购买 nike

因此,我尝试创建一个条形图,每个条目具有三个不同的条形图,有多少人参加了测试,有多少人失败了,有多少人通过了,每个测试都在一起。我的代码如下所示:

for (i = 0; i < evolNumber; i++) {
if (chosenReports[i] == 1) {
reportAttemptSummary += '<td class="TableArea" style="width:20px" align="center" valign="bottom">' +
attemptTotal[i] +
'<div style="background:black;width:20px;height:' +
(attemptTotal[i] * 4) +
'px"> </div>'+
'</td>' +
'<td class="TableArea" style="width:20px" align="center" valign="bottom">' +attemptPass[i]+
'<div style="background:green;width:20px;height:' +
(attemptPass[i] * 4) +
'px"> </div>' +
'</td>' +
'<td class="TableArea" style="width:20px" align="center" valign="bottom">' +
attemptFail[i] +
'<div style="background:red;width:20px;height:' +
(attemptFail[i] * 4) +
'px"> </div>' +
'</td>';
}
}

如何让这三个栏在所有三个栏下都有一个标题:

最佳答案

既然您似乎要输出一个 HTML 表格,那么就需要在带有条形的行之后直接创建一行。因此,如果您想要一个横跨 3 个栏的标题,那么:

  <tr>
<td colspan="3">Your single title here</td>
</tr>

如果你在带横条的行之后输出它就可以了。

关于java - 使用数据组创建条形图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6034716/

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