将硬编码数据从c＃传递到morris图表

问题描述：

现在我正在将数据硬编码到JQuery中我希望数据通过C传递＃

我尝试过：

控制器

公共ActionResult GetPiechartData（）

{

返回查看（）;

}

查看

< html>

< head>

< script>

$（document）.ready（function（）{

var m1 =新Morris.Line（{

元素：'折线图'，

数据：[

{ y：'2006'，a：30，b：20}，

{y：'2007'，a：75，b：65}，

{y： '2008'，a：50，b：40}，

{y：'2009'，a：75，b：65}，

{y：'2010 '，a：50，b：40}，

{y：'2011'，a：75，b：65}，

{y：'2012'，a：100，b：90}

]，

xkey：'y'，

ykeys：[ 'a'，'b']，

标签：['系列A'，'系列B']，

lineColors：['＃D9534F'，'＃428BCA ']，

lineWidth：'2px'，

hideHover：true

}）;

}）;

< / script>

< / head>

< body>

< div id =line-chartclass =body-chart>

< / div>

< / body>

< / html>

Right Now i am hard coding data into JQuery i want data to be passed via C#

What I have tried:

controller

public ActionResult GetPiechartData()
{
return View();
}

View
<html>
<head>
<script>
$(document).ready(function () {
var m1 = new Morris.Line({
element: 'line-chart',
data: [
{ y: '2006', a: 30, b: 20 },
{ y: '2007', a: 75, b: 65 },
{ y: '2008', a: 50, b: 40 },
{ y: '2009', a: 75, b: 65 },
{ y: '2010', a: 50, b: 40 },
{ y: '2011', a: 75, b: 65 },
{ y: '2012', a: 100, b: 90 }
],
xkey: 'y',
ykeys: ['a', 'b'],
labels: ['Series A', 'Series B'],
lineColors: ['#D9534F', '#428BCA'],
lineWidth: '2px',
hideHover: true
});
});
</script>
</head>
<body>
< div id="line-chart" class="body-chart">
</div>
</body>
</html>

答

（文件）.ready（function（）{

var m1 =新的Morris.Line（{

元素：'折线图'，

数据：[

{y：'2006'，a ：30，b：20}，

{y：'2007'，a：75，b：65}，

{y：'2008'，a：50 ，b：40}，

{y：'2009'，a：75，b：65}，

{y：'2010'，a：50，b ：40}，

{y：'2011'，a：75，b：65}，

{y：'2012'，a：100，b：90 }

]，

xkey：'y'，

ykeys：['a'，'b']，

标签：['系列A'，'系列B']，

lineColors：['＃D9534F'，'＃428BCA']，

lineWidth：' 2px'，

hideHover：true

}）;

}）;

< / script>

< / head&gt ;

< body>

< div id =line-chartclass =body-chart>

< / div>

< / body>

< / html>

(document).ready(function () {
var m1 = new Morris.Line({
element: 'line-chart',
data: [
{ y: '2006', a: 30, b: 20 },
{ y: '2007', a: 75, b: 65 },
{ y: '2008', a: 50, b: 40 },
{ y: '2009', a: 75, b: 65 },
{ y: '2010', a: 50, b: 40 },
{ y: '2011', a: 75, b: 65 },
{ y: '2012', a: 100, b: 90 }
],
xkey: 'y',
ykeys: ['a', 'b'],
labels: ['Series A', 'Series B'],
lineColors: ['#D9534F', '#428BCA'],
lineWidth: '2px',
hideHover: true
});
});
</script>
</head>
<body>
< div id="line-chart" class="body-chart">
</div>
</body>
</html>

试试这样

Javascript

使用ajax从控制器获取数据

jQuery ajax（）方法 [ ^ ]

jQuery.ajax（）| jQuery API文档 [ ^ ]

Try like this

Javascript

Get the data from controller using ajax
jQuery ajax() Method[^]
jQuery.ajax() | jQuery API Documentation[^]

<script>

（ document ）。ready（ function （）{

var link = ' @ Url.Action（GetData，Home）';

(document).ready(function () { var link = '@Url.Action("GetData", "Home")';

将硬编码数据从c＃传递到morris图表

相关推荐