API tools faq
paste
Advertisement
gustavogomides

Receita bruta e Receita líquida por fonte

gustavogomides
Dec 10th, 2016
93
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 6.88 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <meta charset="utf-8">
  4. <style>
  5.  
  6. #primary{  
  7.    float: left;
  8.    width: 550px;  
  9.    height: 550px;
  10. }
  11.  
  12. #secondary{
  13.     margin-left: 600px;
  14.     height: 600px;  
  15. }
  16.  
  17.  
  18.  
  19. </style>
  20. </head>
  21.  
  22. <body>
  23.  
  24. <script src="http://d3plus.org/js/d3.js"></script>
  25. <script src="http://d3plus.org/js/d3plus.js"></script>
  26.  
  27. <div id="primary"></div>
  28.  
  29. <div id="secondary"></div>
  30.  
  31. <script>
  32.  
  33.     var dados = [
  34.         {"receita":"Receita Bruta", "fonte":"Outros Serviços", "valor":317, "cor": "#60B6C9"},
  35.         {"receita":"Receita Bruta", "fonte":"Serviços Administrativos e Comerciais Gerais", "valor":244204.15, "cor": "#60B6C9"},
  36.         {"receita":"Receita Bruta", "fonte":"Serviços de Informação e Tecnologia", "valor":126535.09, "cor": "#60B6C9"},
  37.         {"receita":"Receita Bruta", "fonte":"Restituição de Despesas de Exercícios Anteriores", "valor":821.2, "cor": "#60B6C9"},
  38.         {"receita":"Receita Bruta", "fonte":"Iscrições em Concursos e Processos Seletivos", "valor":195050, "cor": "#60B6C9"},
  39.         {"receita":"Receita Bruta", "fonte":"Aluguéis, Arrendamentos, Foros, Laudêmios, Tarifas de Ocupação", "valor":211726.7, "cor": "#60B6C9"},
  40.         {"receita":"Receita Bruta", "fonte":"Outras Indenizações", "valor":26616.52, "cor": "#60B6C9"},
  41.  
  42.         {"receita":"Receita Líquida", "fonte":"Outros Serviços", "valor":317, "cor": "#434348"},
  43.         {"receita":"Receita Líquida", "fonte":"Serviços Administrativos e Comerciais Gerais", "valor":244204.15, "cor": "#434348"},
  44.         {"receita":"Receita Líquida", "fonte":"Serviços de Informação e Tecnologia", "valor":126535.09, "cor": "#434348"},
  45.         {"receita":"Receita Líquida", "fonte":"Restituição de Despesas de Exercícios Anteriores", "valor":821.2, "cor": "#434348"},
  46.         {"receita":"Receita Líquida", "fonte":"Iscrições em Concursos e Processos Seletivos", "valor":194530, "cor": "#434348"},
  47.         {"receita":"Receita Líquida", "fonte":"Aluguéis, Arrendamentos, Foros, Laudêmios, Tarifas de Ocupação", "valor":206235.5, "cor": "#434348"},
  48.         {"receita":"Receita Líquida", "fonte":"Outras Indenizações", "valor":24117.74, "cor": "#434348"}
  49.     ]
  50.  
  51.     var tipo;
  52.  
  53.     visualization = d3plus.viz()
  54.         .container("#primary")
  55.         .title("Receita em 2016")
  56.         .data(dados)
  57.         .type("bar")
  58.         .color("cor")
  59.         .id("receita")
  60.         .x({"grid": false})
  61.         .x("receita")
  62.         .y({"label":"Valor R$"})
  63.         .y("valor")
  64.         .order("valor")
  65.         .legend({"size": 50})
  66.         .mouse({"click":function (d){   //função a ser rodada quando houver clique
  67.                 graficoBarraEspecifico();
  68.             }})
  69.         .draw()
  70.  
  71.     function graficoBarraEspecifico(){
  72.    
  73.         //Esvazia a div
  74.         document.getElementById("secondary").innerHTML = "";
  75.  
  76.         var data = [
  77.             {"receita":"Receita Bruta", "fonte":"Outros Serviços", "valor":317, "cor": "#60B6C9"},
  78.             {"receita":"Receita Bruta", "fonte":"Serviços Administrativos e Comerciais Gerais", "valor":244204.15, "cor": "#60B6C9"},
  79.             {"receita":"Receita Bruta", "fonte":"Serviços de Informação e Tecnologia", "valor":126535.09, "cor": "#60B6C9"},
  80.             {"receita":"Receita Bruta", "fonte":"Restituição de Despesas de Exercícios Anteriores", "valor":821.2, "cor": "#60B6C9"},
  81.             {"receita":"Receita Bruta", "fonte":"Iscrições em Concursos e Processos Seletivos", "valor":195050, "cor": "#60B6C9"},
  82.             {"receita":"Receita Bruta", "fonte":"Aluguéis, Arrendamentos, Foros, Laudêmios, Tarifas de Ocupação", "valor":211726.7, "cor": "#60B6C9"},
  83.             {"receita":"Receita Bruta", "fonte":"Outras Indenizações", "valor":26616.52, "cor": "#60B6C9"},
  84.  
  85.             {"receita":"Receita Líquida", "fonte":"Outros Serviços", "valor":317, "cor": "#434348"},
  86.             {"receita":"Receita Líquida", "fonte":"Serviços Administrativos e Comerciais Gerais", "valor":244204.15, "cor": "#434348"},
  87.             {"receita":"Receita Líquida", "fonte":"Serviços de Informação e Tecnologia", "valor":126535.09, "cor": "#434348"},
  88.             {"receita":"Receita Líquida", "fonte":"Restituição de Despesas de Exercícios Anteriores", "valor":821.2, "cor": "#434348"},
  89.             {"receita":"Receita Líquida", "fonte":"Iscrições em Concursos e Processos Seletivos", "valor":194530, "cor": "#434348"},
  90.             {"receita":"Receita Líquida", "fonte":"Aluguéis, Arrendamentos, Foros, Laudêmios, Tarifas de Ocupação", "valor":206235.5, "cor": "#434348"},
  91.             {"receita":"Receita Líquida", "fonte":"Outras Indenizações", "valor":24117.74, "cor": "#434348"}
  92.         ]
  93.         visualization = d3plus.viz()
  94.         .container("#secondary")
  95.         .title("Fonte das Receitas em 2016")
  96.         .data(data)
  97.         .type("bar")
  98.         .color("cor")
  99.         .id("receita")
  100.         .x({"grid": false})
  101.         .x("fonte")
  102.         .y({"label":"Valor R$"})
  103.         .y("valor")
  104.         .order("valor")
  105.         .order({"sort": "desc"})
  106.         .legend({"size": 50})
  107.         .mouse({"click":function (d){   //função a ser rodada quando houver clique
  108.                 graficoBarraEspecifico2(d.receita);
  109.             }})
  110.         .draw()
  111.  
  112.     }
  113.  
  114.     function graficoBarraEspecifico2(tipoReceita){
  115.    
  116.         //Esvazia a div
  117.         document.getElementById("secondary").innerHTML = "";
  118.  
  119.         var data2;
  120.  
  121.         if(tipoReceita == "Receita Bruta"){
  122.             data2 = [
  123.                 {"fonte":"Outros Serviços", "valor":317, "cor": "#60B6C9"},
  124.                 {"fonte":"Serviços Administrativos e Comerciais Gerais", "valor":244204.15, "cor": "#60B6C9"},
  125.                 {"fonte":"Serviços de Informação e Tecnologia", "valor":126535.09, "cor": "#60B6C9"},
  126.                 {"fonte":"Restituição de Despesas de Exercícios Anteriores", "valor":821.2, "cor": "#60B6C9"},
  127.                 {"fonte":"Iscrições em Concursos e Processos Seletivos", "valor":195050, "cor": "#60B6C9"},
  128.                 {"fonte":"Aluguéis, Arrendamentos, Foros, Laudêmios, Tarifas de Ocupação", "valor":211726.7, "cor": "#60B6C9"},
  129.                 {"fonte":"Outras Indenizações", "valor":26616.52, "cor": "#60B6C9"}
  130.             ]
  131.         }else{
  132.             data2 = [
  133.                 {"fonte":"Outros Serviços", "valor":317, "cor": "#434348"},
  134.                 {"fonte":"Serviços Administrativos e Comerciais Gerais", "valor":244204.15, "cor": "#434348"},
  135.                 {"fonte":"Serviços de Informação e Tecnologia", "valor":126535.09, "cor": "#434348"},
  136.                 {"fonte":"Restituição de Despesas de Exercícios Anteriores", "valor":821.2, "cor": "#434348"},
  137.                 {"fonte":"Iscrições em Concursos e Processos Seletivos", "valor":194530, "cor": "#434348"},
  138.                 {"fonte":"Aluguéis, Arrendamentos, Foros, Laudêmios, Tarifas de Ocupação", "valor":206235.5, "cor": "#434348"},
  139.                 {"fonte":"Outras Indenizações", "valor":24117.74, "cor": "#434348"}
  140.             ]
  141.         }
  142.    
  143.         visualization = d3plus.viz()
  144.         .container("#secondary")
  145.         .title("Fonte das Receitas " + tipoReceita + " em 2016")
  146.         .data(data2)
  147.         .type("bar")
  148.         .color("cor")
  149.         .id("fonte")
  150.         .x({"grid": false})
  151.         .x("fonte")
  152.         .y({"label":"Valor R$"})
  153.         .y("valor")
  154.         .order("valor")
  155.         .order({"sort": "desc"})
  156.         .legend({"size": 50})
  157.         .mouse({"click":function (d){   //função a ser rodada quando houver clique
  158.                 graficoBarraEspecifico();
  159.             }})
  160.         .draw()
  161.  
  162.     }
  163.    
  164. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!