如何將json數據添加到nvd3圖形代碼

Question

我是mvc代碼的新手。在我的mvc項目中，我使用NVD3工具繪製圖表。在我的控制器I產生的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}] 
}]; 

Answer 1

我是這麼認爲的......這將有利於

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

試試這個，讓我知道是否有任何問題