angularcharts/index.html at master · Finance-e/angularcharts · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Testando</title>
    <link href="bower_components/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">

  </head>

  <body>
      <h2>Gráficos do angulargcharts</h2>
      <div class="col-xs-11">

            <div id='angularcharts_1'>
                <div ng-controller='fanguchartCtrl'
                     ng-init='
                         title="Resultado(R$ - mil)";
                         type="AreaChart";
                         options={"height":400};
                         dados=[
                             ["Data","Receita L\u00edquida","Lucro Bruto","Lucro EBIT","Lucro L\u00edquido","Lucro Operacional"],
                             ["date","number","number","number","number","number"],["2001-12-31",19416653,4868628,1449089,1081952,1369826],["2002-12-31",36726598,8071230,3360610,2027676,3189921],["2003-12-31",33624646,10006289,4721394,2380982,4572818],["2004-12-31",30770065,10462537,4737556,3024006,4607273],["2005-12-31",33315960,10809261,7240563,4153602,7030412],["2006-12-31",37147379,10808310,6316456,6043777,6196415],["2007-12-31",40773097,15154739,7554375,5058119,7273407],["2008-12-31",57115713,12819393,12082018,8802869,11669474],["2009-12-31",65729138,18232859,15435429,10147522,13591801],["2010-12-31",85143206,34367465,16550866,11330345,null],["2011-12-31",106919760,36943685,17795255,12736912,null],["2012-12-31",107931378,35720594,15269892,11438200,null],["2013-12-31",104582211,30205323,12858994,11288834,null]];
                     '>
                    <charts title='title' type='type' localdata='dados' options='options'></charts>
                </div>
            </div>

            <div id='angularcharts_2'>
                <div
                  ng-controller='fanguchartCtrl'
                  ng-init='
                  title="Ativos e Patrimônio(R$ - mil)";
                  type="LineChart";
                  options={"height":400};
                  dados=[
                      ["Data","Ativo Total","Ativo Circulante","Patrim\u00f4nio L\u00edquido"],
                      ["date","number","number","number"],["2001-12-31",75158596,33933154,28966503],["2002-12-31",97260082,38430991,34324906],["2003-12-31",136234363,51869293,49367329],["2004-12-31",147035117,51287418,62271562],["2005-12-31",183521108,60235190,78785236],["2006-12-31",210538129,67219423,97530648],["2007-12-31",231227800,53373766,113854127],["2008-12-31",292163842,63575278,138365282],["2009-12-31",345607250,76674015,159464599],["2010-12-31",519970003,106685162,310223300],["2011-12-31",599149983,121163683,332223611],["2012-12-31",677716287,118101812,345433653],["2013-12-31",752966638,123350379,349333684]];'>
                    <charts title='title' type='type' localdata='dados' options='options'></charts>
                </div>
            </div>

      </div>


    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script src="bower_components/angular/angular.min.js"></script>
    <script src="prod/f-angucharts.min.js"></script>
    <script type="text/javascript">angular.bootstrap(document.getElementById("angularcharts_1"),['myApp']);</script>
    <script type="text/javascript">angular.bootstrap(document.getElementById("angularcharts_2"),['myApp']);</script>
  </body>
</html>