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>

如果你在带有条形的行之后输出它，那么

就可以了。

使用数据组创建条形图

1 个答案: