2

我是 mvc 代码的新手。在我的 mvc 项目中，我正在使用 NVD3 工具绘制图表。在我的控制器中，我生成了 json 并将其加载到以下变量中

        ViewData["ChartData"] = Json(ChartData).Data;

现在我必须将此 json 数据传递到我的视图并加载到我的 nvd3 代码中。

以下是我的查看代码

 <script type="text/javascript">
 var data=[
 {
    color:"#660066",
    values: /* here i have to load my json data*/
 }];

var chart;
nv.addGraph(function () {
var chart = nv.models.multiBarHorizontalChart()
.x(function (d) { return d.Label })
.y(function (d) { return d.Value })

.tickFormat(d3.format(','));

    d3.select('#chart svg')
.datum(data)
.transition().duration(500)
.call(chart);

    nv.utils.windowResize(chart.update);
    return chart;
});

</script>

在上面的代码中，我加载了像这个例子这样的 json 数据：

 var data=[
 {
    color:"#660066",
    values: [{name:"Analyst",value:25},{name:"Technician",value:75}]
 }];
4

1 回答 1

1

我想是的......这会有所帮助

  var feedData = @Html.Raw(Json.Encode(ViewData["chartdata"]));
  var data=[{values: feedData}];

试试这个，让我知道是否有任何问题

于 2013-07-24T09:11:41.930 回答