Asp.net mvc 4 如何在morris图表中传递数据库中的数据?
我使用Morris图表在数据库中显示我的表的图表。 我对控制器使用以下代码:Asp.net mvc 4 如何在morris图表中传递数据库中的数据?,asp.net-mvc-4,charts,morris.js,Asp.net Mvc 4,Charts,Morris.js,我使用Morris图表在数据库中显示我的表的图表。 我对控制器使用以下代码: public ActionResult Diagram() { var mc = from mon in db.tblMonthConsumes where monID == 37 select new { data = mon.MonthConsum
public ActionResult Diagram()
{
var mc = from mon in db.tblMonthConsumes
where monID == 37
select new
{
data = mon.MonthConsume,
value = mon.MonthConsumeDate
};
return Json(mc, JsonRequestBehavior.AllowGet);
}
在我看来:
<script>
$.get('@Url.Action("Diagram")', function (result) {
new Morris.Line({
data: result,
xkey: 'data',
ykeys: ['value']
});
});
$.get('@Url.Action(“图表”)',函数(结果){
新莫里斯线({
数据:结果,
xkey:'数据',
ykeys:['value']
});
});
但在浏览器中运行此选项时:
[{“数据”:null,“值”:“/Date(1419062400000)/”},{“数据”:0,“值”:“/Date(1429513200000)/”},{“数据”:0,“值”:“/Date(1424419200000)/”},{“数据”:0,“值”:“/Date(1426834800000)/”},{“数据”:0,“值”:/Date 143205200000)/”},{“数据”:77,“值”:/Date(1379746800000)/“/”},{“数据”:1384949440000)/“},{“值”:”/“},{“数据”:0,“值”:“/Date(1390291200000)/”},{“数据”:0,“值”:“/Date(1392883200000)/”},{“数据”:0,“值”:“/Date(1398495600000)/”},{“数据”:0,“值”:“/Date(1403506800000)/”},{“数据”:0,“值”:/Date{“数据”:0,“值”:“/日期(1416643200000)/”,{“数据”:0,“值”:“/日期(1421740800000)/”,{“数据”:0,“值”:“/日期(1425110400000)/”,{“数据”:0,“值”:“/日期(1427526000000)/”,{“数据”:333,“值”:“/日期(143250800000)/”,{“数据”:-223,“值”:/Date(14348700000000)/”]
不显示任何图表。为什么?请参阅此处的文档: 您缺少必需的选项:
元素
和标签
元素
:
要插入图形的元素的ID(或对该元素的引用)。
注意:此元素必须在其样式中定义宽度和高度
标签
:
包含要打印的数据系列标签的字符串列表(对应于ykeys选项中的值)