如何将json数据添加到nvd3图形代码

我是mvc代码的新手。在我的mvc项目中，我使用NVD3工具绘制图表。在我的控制器I产生的JSON并将其加载到下面的变量如何将json数据添加到nvd3图形代码

 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}] 
}];

来源

2013-07-24 Pandiyan Cool

我是这么认为的......这将有利于

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

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

来源

2013-07-24 09:11:41 Backtrack

我已经尝试了上面的代码，它的工作。谢谢。 –

如何将json数据添加到nvd3图形代码

回答

相关问题