2013-07-24 2 views
2

Я новичок в кодах mvc. В моем проекте mvc я рисую график, используя инструмент NVD3. В моем контроллере я сгенерировал 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}] 
}]; 

ответ

1

Я так думаю ... это будет полезно

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

Пробуйте это и дайте мне знать, если возникнут проблемы

+0

Я пробовал приведенный выше код, его работа. Благодарю. –

Смежные вопросы