Ir para conteúdo
Fórum Script Brasil
  • 0

Dúvida Construção arquivo Javascript


Alphak

Pergunta

Olá,

Estou construindo gráficos com a biblioteca Highcharts, estou com dúvida para adicionar mais uma série no gráfico, abaixo arquivo javascript atual.

$(document).ready(function () {
    var anoAtual = (new Date).getFullYear();
    var options = {
        chart : {
            renderTo : 'xml',
            type : 'column'
        },
        title : {
            text : 'Mensal (' + anoAtual + ')'
        },
        xAxis : {
            categories : []
        },
        yAxis : {
            title : {
                text : 'Valores (R$)'
            }
        },
        series : []
    };
    $.get('http://localhost:8080/Alphak_GP/File/cls_mensal', function (xml) {
        var $xml = $(xml);
        $xml.find('categories item').each(function (i, category) {
            options.xAxis.categories.push($(category).text());
        });
        $xml.find('series').each(function (i, series) {
            var seriesOptions = {
                name : $(series).find('name').text(),
                data : []
            };
            $(series).find('data point').each(function (i, point) {
                seriesOptions.data.push(parseFloat($(point).text()));
            });
            options.series.push(seriesOptions);
        });
        var chart = new Highcharts.Chart(options);
    });
});
Abaixo está o arquivo xml com dados para o gráfico
<?xml version="1.0"encoding="UTF-8"?>
<chart>
  <categories>
    <item>Jan</item>
    <item>Fev</item>
    <item>Mar</item>
    <item>Abr</item>
    <item>Mai</item>
    <item>Jun</item>
    <item>Jul</item>
    <item>Ago</item>
    <item>Set</item>
    <item>Out</item>
    <item>Nov</item>
    <item>Dez</item>
  </categories>
  <series>
    <name>Entradas</name>
    <data>
      <point>1200</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
    </data>
  </series>
  <series>
    <name>Saidas</name>
    <data>
      <point>375</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
    </data>
  </series>
  <series>
    <name>Saldo</name>
    <data>
      <point>825</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
      <point>0</point>
    </data>
  </series>
</chart>

Resumindo gostaria adicionar uma linha com percentual como neste exemplo:

jsFiddle

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,5k
×
×
  • Criar Novo...