如何使用ASP.NET MVC将数据传递给d3js

时间:2017-04-18 15:06:11

标签: javascript c# asp.net asp.net-mvc d3.js

我试图使用d3js图表。在示例中,它获取如下数据:

d3.tsv("data.tsv", function(d) {
  d.frequency = +d.frequency;
  return d;
}, function(error, data) {
  if (error) throw error;

  x.domain(data.map(function(d) { return d.letter; }));
  y.domain([0, d3.max(data, function(d) { return d.frequency; })]);

data.tsv文件是这样的:

letter  frequency
A   .08167
B   .01492
C   .02782
D   .04253
E   .12702
F   .02288
G   .02015

假设我有一个像这样的元组列表:

public class myData {
public string x {get; set;}
public int y {get; set;}
}

myData data1 = new myData("A", 1);
myData data2 = new myData("B", 3);

List<myData> list1 = new List<myData>()
        {
         data1, data2
        };

如何将此list1传递给d3js?提前谢谢。

1 个答案:

答案 0 :(得分:1)

有很多方法......这些数据是否以动态方式生成?

如果没有 - 你可以把它放在一个文件中。

如果是这样 - 您可以在控制器中使用Json()方法返回JSON,然后使用AJAX调用,或者您可以在javascript中将其吐出视图var data = @(Model.Data)