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 に答える