Widget trazendo estoque de um produto

Bom dia, pessoal!

Estou com a seguinte dúvida no desenvolvimento da minha widget:

Estou desenvolvendo uma widget que tem a funcionalidade de apresentar o produto e o estoque do mesmo em formato de gráfico de barras. O produto e o estoque são cadastrados a partir de um processo e salvos em um dataset interno.

Esse é o código que tenho até agora na widget: (as linhas que estão em formato de comentário são as retiradas de um exemplo encontrado no academy.fluig, mantive para conseguir manter o raciocínio).

A minha dificuldade é a seguinte: a minha array precisa ser populada de acordo com o cadastro dos produtos feito pelo usuário. Eu não teria como pré definir para colocar na label.

var Graphic = SuperWidget.extend({
    message: null,

    init: function () {

        //var ds = DatasetFactory.getDataset("ds_GraficosWMS", null, null, null);
        var ds = DatasetFactory.getDataset("dsProdutoCadastradoWMS", null, null, null);


        //var dados = [];
        var nome = [];
        var label = [];

        for(x = 0; x < ds.values.length; x++){
            //dados[x] = ds.values[x].Valor
            nome[x] = ds.values[x].nomeProduto
            var adicionar = label[x].push(nome[x]);
        }

        var data = {
                labels: label,
                datasets: [
                    {
                        label: "My first dataset",
                        fillColor: "rgba(220, 220, 220, 0.5)",
                        strokeColor: "rgba(220, 220, 220, 0.8)",
                        highlightFill: "rgba(220, 220, 220, 0.75)",
                        highlightStroke: "rgba(220, 220, 220, 1)",
                        //data: dados
                        data: nome
                    },

                ]
        };



        var chart = FLUIGC.chart('#MY_SELECTOR', {
            id: 'set_an_id_for_my_chart',
            width: '700',
            height: '200',
        });
compartilhar
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do fluig Forum!

1 resposta

Não é a resposta que estava procurando? Procure outras perguntas com as tags wcm widget array grafico ou faça a sua própria pergunta.