Asp.net mvc 是否将动态数据传递给mvc3中的jqplot piechart?

Asp.net mvc 是否将动态数据传递给mvc3中的jqplot piechart?,asp.net-mvc,jqplot,pie-chart,Asp.net Mvc,Jqplot,Pie Chart,我想显示一个jqplot piechart,我可以用静态数据显示它,但我想用数据库中的动态数据显示。为此,我连接到数据库并将数据绑定到一个列表,现在如何从视图中调用该列表 $(document).ready(function(){ var data = [ ['Heavy Industry', 12],['Retail', 9], ['Light Industry', 14], ['Out of home', 16],['Commuting', 7], ['Orientation', 9] ]

我想显示一个jqplot piechart,我可以用静态数据显示它,但我想用数据库中的动态数据显示。为此,我连接到数据库并将数据绑定到一个列表,现在如何从视图中调用该列表

$(document).ready(function(){
var data = [
['Heavy Industry', 12],['Retail', 9], ['Light Industry', 14], 
['Out of home', 16],['Commuting', 7], ['Orientation', 9]
];
 var plot1 = jQuery.jqplot ('chart1', [data], 
  { 
   seriesDefaults: {
    // Make this a pie chart.
    renderer: jQuery.jqplot.PieRenderer, 
    rendererOptions: {
      // Put data labels on the pie slices.
      // By default, labels show the percentage of the slice.
      showDataLabels: true
    }
  }, 
  legend: { show:true, location: 'e' }
  }
  );
  });

,现在我的要求是显示来自数据库的相同数据,我将这些数据绑定到控制器中的一个列表中,现在我如何从视图中调用该列表?

考虑到您使用的是MVC,您可以将所有数据与密钥值对列表一起放入模型中,然后将其转换为JSON,同时将其传递给javascript。
$(document).ready(function(){
var data = [
['Heavy Industry', 12],['Retail', 9], ['Light Industry', 14], 
['Out of home', 16],['Commuting', 7], ['Orientation', 9]
];
 var plot1 = jQuery.jqplot ('chart1', [data], 
  { 
   seriesDefaults: {
    // Make this a pie chart.
    renderer: jQuery.jqplot.PieRenderer, 
    rendererOptions: {
      // Put data labels on the pie slices.
      // By default, labels show the percentage of the slice.
      showDataLabels: true
    }
  }, 
  legend: { show:true, location: 'e' }
  }
  );
  });
如果您希望通过ajax实现这一点,那么可以将请求发送到json,并从controller的Action方法获得json结果

在操作方法中使用Javascript序列化程序将模型转换为Json

var data = somedata_with_KeyValuePair;
var model = new MyModel();
var serializer = new JavaScriptSerializer();
model.JsonData = serializer.Serialize(data);
return View(model);
然后像这样使用它

var data = <%= Model.JsonData %>