如何将 json 数据提供给 nvd3 图形代码

Question

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

Answer 1

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

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

试试这个，如果有任何问题，请告诉我