Question

我正在尝试将JSON数据绑定到MVC中的Plotly图。控制台为空，图形完全不显示。我愿意接受替代方法。

我有一个MVC模型：

nil

它包含一些示例数据，我将这些数据返回到JSON中的视图：

public class DataUploadModels
{
    [Key]
    public int id { get; set; }
    public string Empname { get; set; }
    public string Empid { get; set; }
    public string Title { get; set; }
    public decimal Annualizedbase { get; set; }
    public decimal Annualizedtcc { get; set; }
    public decimal grade { get; set; }
}

我正在尝试在我的视图中创建一个简单的图：

public ActionResult Plotly()
{
    List<DataUploadModels> list = db.DataUploadModels.ToList();
    ViewBag.jsondata = this.Json(list);

    return View();
}

Plotly包含在_Layout.cshtml文件中，并且正在使用硬编码数据。

Answer 1

要将您的ViewBag属性分配给javascript数组，请使用

var array = @Html.Raw(Json.Encode(ViewBag.jsondata))

，然后在for循环中，需要将值.push()放入xs和ys数组中

var array = @Html.Raw(Json.Encode(ViewBag.jsondata))
xs = [];
for (i = 1, i < 3, i++){
    xs += array.push(Data[i].Title);
};
ys = [];
for (i = 1, i < 3, i++){
    ys += array.push(Data[i].Annualizedbase);
};

如何将MVC数据绑定到Plotly

1 个答案: