怎么在gridview中每行都放入前台的echarts插件

Question

前台要如何取出该行的数据，然后再自动生成echarts图表放在每行的最后一列？该怎么做

Answer 1

您好,
我的思路是这样的:
1.循环grid view 的每行每列,得到每列的值

<script>
        $(function () {
            var datalist=[];
            $("#<%=GridView1.ClientID%> tr td").each(function () {
                datalist.push();
            });
        })
    </script>

2.将得到的一行的值push 到datalist 中, 将datalist 赋给Echarts 的data 中

 xAxis: {
        type: 'category',
        data: datalist
},

3. 将echarts 添加到gridview中
   还有一个办法是在后台得到grid view的值,然后用Ajax传到前台的Echarts中.你可以参考这个文章:
   将数据动态加载到Echarts饼图中 https://www.bbsmax.com/A/gVdn4071JW/