I have a question about how to pass the contents of my JSON to my chart:
//Aqui tenho uma requisição para a minha Action e que retorna um JSON
$.ajax({
url: '@Url.Action("RetornaRankingProdutos")',
method: "GET"
}).done(function (response) {
var option = {
title: {
text: 'Relatório de Produtos'
},
tooltip: {},
legend: {
data: ['Produtos']
},
xAxis: {
data: []
},
yAxis: {},
series: [{
name: 'Produtos',
type: 'bar',
data: []
}]
};
// use configuration item and data specified to show chart
myChart.setOption(option);
});
Within response
, there is a JSON list like this:
[{"NomeProduto":"Suco de Laranja","QuantidadeProduto":2450},
{"NomeProduto":"Suco de Uva","QuantidadeProduto":1000},
{"NomeProduto":"Desinfetante","QuantidadeProduto":860},
{"NomeProduto":"Papel","QuantidadeProduto":1},
{"NomeProduto":"Sabonete","QuantidadeProduto":5740},
{"NomeProduto":"Pasta de Dente","QuantidadeProduto":2300}]
The question is, how do I get the values of this JSON and popular my chart?