是否将javascript图表添加到gridview？

我做了几次搜索，但没有找到任何对我有帮助的东西

我有一个简单的gridview，它显示以下数据：Sales.SalesTotal和Sales.Company。这个很好用

现在的问题是，我需要向这个gridview的每一行添加一个javascript图表。这将是类似的事情

此javascript图表由一个WCF服务填充，该服务使用gridview中已有的公司名称和SqlDataSource作为参数。WCF调用如下所示：http://43.32.54.23/SalesWcf.svc/GetSales/Company 其中company是gridview中公司的名称

问题是我不知道如何处理这个问题。这是我的gridview，非常简单：

    <asp:GridView
        id="GridView_sales" runat="server" AutoGenerateColumns="false" DataSourceID="SqlDataSourceSales">
        <Columns>
            <asp:BoundField DataField="Company" HeaderText="Company" ReadOnly="True">
                <headerStyle Width="50" Font-Names="calibri"/>
                <ItemStyle Font-Names="calibri" HorizontalAlign="Center"/>
            </asp:BoundField>
            <asp:BoundField DataField="SalesTotal" HeaderText="SalesTotal" ReadOnly="True" >
                <headerStyle Width="60" Font-Names="calibri" ForeColor="#ffffff"/>
                <ItemStyle Wrap="True" Font-Names="calibri"/>
            </asp:BoundField>
            <**** Where javascript chart goes, invoked with http://43.32.54.23/SalesWcf.svc/GetSales/Company ****/>
        </Columns>
    </asp:GridView>    
    <asp:SqlDataSource id="SqlDataSourceSales" runat="server"
        ConnectionString="Data Source=SERVER;Initial Catalog=DB;Persist Security Info=True;..."
        SelectCommand="SELECT SalesTotal, Company from Sales">
    </asp:SqlDataSource>    

---

添加一个模板字段，用于使用属性数据companyId呈现图表持有者div，以保存companyId：

<asp:TemplateField>
  <ItemTemplate>
        <div class="salesChart" data-company='<%# Eval("Company")%>'></div>
  </ItemTemplate>
</asp:TemplateField>

---

谢谢你的建议。我编辑了问题以显示图表代码。如何在您的示例中实现这一点？

<asp:TemplateField>
  <ItemTemplate>
        <div class="salesChart" data-company='<%# Eval("Company")%>'></div>
  </ItemTemplate>
</asp:TemplateField>

 $(function(){
        $('.salesChart').each(function(index, chartContainer){
            varcompanyName=$(chartContainer).attr('data-company');

             AmCharts.makeChart(chartContainer,
             {
                "type": "serial",
                "theme": "light",
                "valueAxes": [{
                    "id": "v1"
                }],
                "graphs": [{
                    "id": "Company",
                    "valueField": "sales_num"
                }],
                "categoryField": "month_name",
                "dataLoader": {
                    "url": "http://43.32.54.23/SalesWcf.svc/GetSales/"+ companyName,
                    "format": "json"
                }
            });
        });
    });