Question

使用chartjs在转发器中成功生成了一个饼图。想要显示转发器内所有项目的饼图。请让我知道处理这种情况的好方法

代码结构：

目前第一个转发器记录生成饼图。

<asp:repeater  id="Repeater1" runat="server>
<ItemTemplate>
<table>
 <tr>
   <td>Another repeater code</td>
   <td>
      <div>
         <canvas id="mychart"></canvas>
      </div>
   </td>
</tr>
</table>
</ItemTemplate>
</asp:repeater>

Answer 1

您需要做的第一件事是确保每个画布都有唯一的ID。您可以通过将ItemIndex添加到ID。

来实现

<canvas id="mychart_<%# Container.ItemIndex %>"></canvas>

之后，您可以使用JavasScript构建图表。在那里，您使用<%= Repeater1.Items.Count %>来获取项目总数。

<script type="text/javascript">
    $(document).ready(function () {
        for (var i = 0; i < <%= Repeater1.Items.Count %>; i++) {
            buildCanvas("mychart_" + i);
        }
    });
</script>

如何在转发器中添加Canvas标签

1 个答案: