使用ASP.NET创建动态饼图

时间:2013-08-14 21:24:02

标签: javascript asp.net charts

Gthompson83在使用jqPlot时给了我一个很好的建议,但现在这是我的问题......

我的页面上有以下javascript代码(当前数据只是填充符):

function CreatePie(div) {        
        var data = [
          ['Heavy Industry', 12], ['Retail', 9], ['Light Industry', 14],
          ['Out of home', 16], ['Commuting', 7], ['Orientation', 9]
        ];
        var plot2 = jQuery.jqplot(div, [data],
          {
              seriesDefaults: {
                  renderer: jQuery.jqplot.PieRenderer,
                  rendererOptions: {
                      // Turn off filling of slices.
                      fill: false,
                      showDataLabels: true,
                      // Add a margin to seperate the slices.
                      sliceMargin: 4,
                      // stroke the slices with a little thicker line.
                      lineWidth: 5
                  }
              },
              legend: { show: true, location: 'e' }
          }
        );
    }

我从asp.net代码隐藏页面调用该函数作为启动脚本,如下所示。:

string script = string.Format("CreatePie('{0}')", "chartDiv" + k,);
ClientScript.RegisterStartupScript(GetType(), "pieChart"+k,
                                   "<script>" + script + "</script>");

传递的一个参数是图表放置的div。现在我如何传递数据变量,以便将它们放在Javascript代码的data = [ [var1, value1], [var2, value2]...]部分?

1 个答案:

答案 0 :(得分:0)

尝试使用jqPlot。这是基于JavaScript的解决方案。使用asp.net输出javascript变量的数据。