How to popular a bar graph with JSON data returned from Action to View?

Question

I have a question about how to move my JSON content 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 the 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 as follows, how can I get the values of this JSON and popular my chart?