Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用ASP.NET MVC将数据传递给d3js_Javascript_C#_Asp.net_Asp.net Mvc_D3.js - Fatal编程技术网

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

Javascript 如何使用ASP.NET MVC将数据传递给d3js,javascript,c#,asp.net,asp.net-mvc,d3.js,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(

我正在尝试使用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; })]);
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
        };
data.tsv文件如下所示:

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; })]);
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
        };
假设我有一个元组列表,如下所示:

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; })]);
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
        };
公共类myData{
公共字符串x{get;set;}
公共整数y{get;set;}
}
myData data1=新的myData(“A”,1);
myData data2=新的myData(“B”,3);
List list1=新列表()
{
数据1,数据2
};

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

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

如果没有,你可以把它放在一个文件里


如果是这样的话-您可以在控制器中使用JSON()方法返回JSON,然后通过AJAX调用使用,或者您也可以在javascript中的视图中像
var data=@(Model.data)

那样将其吐出来。。。这些数据是动态生成的吗

如果没有,你可以把它放在一个文件里


如果是这样的话-您可以在控制器中使用JSON()方法返回JSON,然后通过AJAX调用使用,或者您可以在javascript视图中像
var data=@(Model.data)

那样传递var data=@(Model.data)这样的数据是否足够?因为在上面的js中,有一些行可以进行映射或者类似的事情。谢谢。嗯,是的,你显然还需要映射数据。。。否则,它将如何知道要使用哪些字段?我们不能为你做这一点-这取决于你想画什么。。。。您的问题似乎是关于如何在我的问题所回答的前端(javascript)中使用后端(C#)的数据。关于D3JS的帮助,看看他们的网站,他们有很好的文档和示例:传递像var data=@(Model.data)这样的数据足够了吗?因为在上面的js中,有一些行可以进行映射或者类似的事情。谢谢。嗯,是的,你显然还需要映射数据。。。否则,它将如何知道要使用哪些字段?我们不能为你做这一点-这取决于你想画什么。。。。您的问题似乎是关于如何在我的问题所回答的前端(javascript)中使用后端(C#)的数据。有关D3JS的帮助,请查看他们的网站,他们有很棒的文档和示例: