I have a Controller that generates a list of Graphics as can be seen below:
[EXEMPLO DE DADOS]
Pergunta: Estrutura
Dados: [1, 3]
[2, 5]
[3, 1]
[4, 0]
[5, 10]
Pergunta: Organização
Dados: [1, 2]
[2, 0]
[3, 3]
[4, 2]
[5, 7]
public class Grafico
{
public string Pergunta { get; set; }
public Dictionary<int, int> Dados { get; set; }
}
[Controller]
public ActionResult Grafico()
{
List<Grafico> graficos = GeraGraficos(modulo, satisfacao);
return View(graficos);
}
To display in the View I get it like this:
[View]
@foreach (var grafico in model)
{
<h2>@grafico.Pergunta</h2>
foreach (var dados in grafico.Dados)
{
<label><b>@dados.Key - </b> @dados.Value</label><br />
}
}
But I needed to convert this list of graphs into an array of JavaScript in order to display this graphical data.
Example how would you need it:
var data = [
{ label: "1", data: 3},
{ label: "2", data: 5},
{ label: "3", data: 1},
{ label: "4", data: 0},
{ label: "5", data: 10},
];