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

Question

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

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>';
    }
}

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

Answer 1

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

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

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