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