javascript - 如何使用 ASP.NET MVC 将数据传递到 d3js

Question

我正在尝试使用 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？提前致谢。

Answer 1

有很多方法...这些数据是动态生成的吗？

如果没有 - 您可以将其放入文件中。

如果是这样 - 您可以使用 Controller 中的 Json() 方法以 JSON 形式返回，然后通过 AJAX 调用进行使用，或者您可以在 javascript 的 View 中将其吐出，如 var data = @(模型.数据)