javascript - ネストされたリピーターとチャートを使用した情報の表示

Question

これは私が今持っているhtmlで、私が望むものを表示します:

 <asp:Repeater runat="server" ID="repeatAwareOfStat">
          <ItemTemplate>
                <h1><%#((VitaminWDefaultClient.Entities.StatsPosition)Container.DataItem).PositionName%></h1>
                <asp:Repeater ID="Repeater1" runat="server" DataSource='<%# Eval("KnownFrom") %>'>
                    <ItemTemplate>
                        <%# Eval("Name") %>: <%# Eval("Count") %><br />
                    </ItemTemplate>
                </asp:Repeater>
                <br />
            </ItemTemplate>
        </asp:Repeater>

ただし、チャートプラグインを使用したいのですが、それによっていくつかの問題が発生します。

これは、情報が入力された後に必要なテーブルになるはずです。

<table class="highchart" data-graph-container-before="1" data-graph-type="column">
                        <thead>
                            <tr>
                                <th>Occupation</th>
                                <th>some other place</th>
                                <th>Facebook</th>
                                <th>twitter</th>
                                <th>magazine</th>
                                <th>whatevr</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>Daglig leder</td>
                                <td>3</td>
                                <td>0</td>
                                <td>3</td>
                                <td>5</td>
                                <td>8</td>
                            </tr>
                            <tr>
                                <td>Some title</td>
                                <td>3</td>
                                <td>0</td>
                                <td>3</td>
                                <td>5</td>
                                <td>8</td>
                            </tr>                            
                            <tr>
                                <td>Some title</td>
                                <td>3</td>
                                <td>5</td>
                                <td>3</td>
                                <td>5</td>
                                <td>8</td>
                            </tr>                            
                            <tr>
                                <td>Some title</td>
                                <td>3</td>
                                <td>0</td>
                                <td>3</td>
                                <td>5</td>
                                <td>10</td>
                            </tr>                            
                            <tr>
                                <td>Some title</td>
                                <td>3</td>
                                <td>1</td>
                                <td>6</td>
                                <td>2</td>
                                <td>5</td>
                            </tr>                            
                            <tr>
                                <td>Restaurantworker</td>
                                <td>3</td>
                                <td>2</td>
                                <td>3</td>
                                <td>5</td>
                                <td>8</td>
                            </tr>
                        </tbody>
                    </table>

これは私が扱っているオブジェクトの写真です

コードビハインド:

    var list = JobBLL.LoadAwareOfStatistics();
    repeatAwareOfStat.DataSource = list;
    repeatAwareOfStat.DataBind();

リピーター内にテーブルを追加するのはかなり困難でした。誰でも助けることができますか？