0

我正在尝试使用 jq plot 绘制每天汽车租赁的条形图，因此 - x 轴将包含日期，然后包含两个条形 - 已租/未租。我目前将此返回到我的控制器中的列表。如果我设置了一个断点，我可以看到数据被返回，并且列表中的计数为 4（最大值将是 10，因为我对数据库的 Linq 查询执行了 Take(10)。

因此，我可以将以下内容视为列表中的一行示例

Date         Rented   Not Rented
18/02/2013   100      200

jq plot 的 javascript 下面只是带有硬编码的值，以查看它是否显示它执行的操作，所以我现在想尝试得到的是 S1 中的值替换为我列表中的每个租用值和 s2 中的值替换我没有租用，然后将刻度替换为该行的相应日期

//s1 = Rented Values
//s2 = Not Rented Values
var s1 = [200, 600, 700, 1000];
var s2 = [460, 210, 690, 820];
// Can specify a custom tick Array.
// Ticks should match up one for each y value (category) in the series.
var ticks = ['Date', 'Date', 'Date', 'Date'];

我在我的cshtml页面上寻找理想的东西，比如隐藏的东西，它将包含结果列表并以某种方式在JS中访问它？那可能吗？

4

1 回答 1

2

一如既往地从定义视图模型开始：

public class MyViewModel
{
    public int Rented { get; set; }
    public int NotRented { get; set; }
    public DateTime Date { get; set; }
}

然后让您的控制器操作查询您的后端并填充此视图模型：

public ActionResult SomeAction()
{
    IEnumerable<MyViewModel> model = ... go query your backend
    return View(model);
}

最后在您的强类型视图中：

@model IEnumerable<MyViewModel>
...
<script type="text/javascript">
    var s1 = @Html.Raw(Json.Encode(Model.Select(x => x.Rented)));
    var s2 = @Html.Raw(Json.Encode(Model.Select(x => x.NotRented)));
    var ticks = @Html.Raw(Json.Encode(Model.Select(x => x.Date.ToString("dd/MM/yyyy"))));

    // Now that you have the 3 arrays plot them up.
</script>
于 2013-02-18T15:05:08.483 回答