Javascript 用ASP.NET MVC绘制折线图

我如何以推荐的图表数据格式将数据从MVC控制器传递到AJAX调用

我需要以下格式的数据，用于javascript中的多行序列

var trace2 = {
    x: [1, 2, 3, 4],
    y: [3, 10, 17, 18],
    type: 'scatter'
};

当前尝试

我已经从数据表中获取了数据，并可以将其格式化为JSON字符串（对于plotly折线图的数据，我所能做的最接近JSON字符串），如下所示：

{
  "trace1": {
    "name": "trace1",
    "x": [ "30/6/2017 11:40:38", "30/6/2017 11:40:38", "30/6/2017 11:40:38", "30/6/2017 11:40:38" ],
    "y": [ 10.0, 12.0, 95.0, 99.0 ]
  },
  "trace2": {
    "name": "trace2",
    "x": [ "30/6/2017 11:40:38", "30/6/2017 11:40:38", "30/6/2017 11:40:38", "30/6/2017 11:40:38" ],
    "y": [ 10.0, 12.0, 95.0, 99.0 ]
  }
}

现在，我使用下面的返回以JSON格式将其发送到AJAX成功方法

string jsonString= "{\"trace1\":{\"name\":\"trace1\",\"x\":[\"30/6/2017 11:32:55\",\"30/6/2017 11:32:55\",\"30/6/2017 11:32:55\",\"30/6/2017 11:32:55\"],\"y\":[10.0,12.0,95.0,99.0]},\"trace2\":{\"name\":\"trace2\",\"x\":[\"30/6/2017 11:32:55\",\"30/6/2017 11:32:55\",\"30/6/2017 11:32:55\",\"30/6/2017 11:32:55\"],\"y\":[10.0,12.0,95.0,99.0]}}";
return new JsonResult { Data = jsonString, JsonRequestBehavior = JsonRequestBehavior.AllowGet };

---

我需要将其格式化为线条跟踪的绘图可接受格式。

创建一个具有属性的视图模型

IEnumerable x

、

IEnumerable y

和

字符串类型

，您能用一个例子详细说明一下吗？我是C#net的新手。你几乎没有提供足够的信息。您希望如何获取此对象—通过将模型传递给视图并将其转换为javascript对象，通过调用返回

JsonResult

的ajax函数？显示如何调用和使用此数据。现在它确实令人困惑-在第一个代码片段中，

x

是一个

int

数组，而不是

DateTime

，

y

是一个

int

数组，不是

double

，没有

名称

属性，但有一个

类型

属性。什么是

dsYieldJsonString

？您还没有展示如何调用或使用数据。我已经更新了代码段。我同意有分歧。但第二个片段是我可以最接近格式化数据源的片段。我需要在x轴上绘制日期，在y轴上绘制百分比。