From c47e24dc77b51018c07fb3075643201e45c9e957 Mon Sep 17 00:00:00 2001
From: Helder <heldim.ufv@gmail.com>
Date: Mon, 7 Jul 2014 10:05:42 -0300
Subject: [PATCH] Tela relatorios

---
 wscacicneo/static/relatorio.js | 89 +++++++++++++++++++++++++++++++++++++++++++++++++++++------------------------------------
 1 file changed, 53 insertions(+), 36 deletions(-)

diff --git a/wscacicneo/static/relatorio.js b/wscacicneo/static/relatorio.js
index 1cc116b..97de1aa 100644
--- a/wscacicneo/static/relatorio.js
+++ b/wscacicneo/static/relatorio.js
@@ -78,15 +78,20 @@ Ext.onReady(function(){
 });
 
 
-// **** GRAFICO DE PIZZA ****
+// **** GRAFICO DE COLUNA ****
 
 var store = Ext.create('Ext.data.JsonStore', {
     fields: ['name', 'data'],
     data: [
-        { 'name': 'dado1', 'data':  2 },
-        { 'name': 'dado2', 'data':  2 },
-       { 'name': 'dado3', 'data':  4 },
-        { 'name': 'dado4', 'data': 10 }
+        { 'name': 'dado1', 'data':  200 },
+        { 'name': 'dado2', 'data':  20 },
+        { 'name': 'dado3', 'data':  500 },
+        { 'name': 'dado4', 'data':  600 },
+        { 'name': 'dado5', 'data':  700 },
+        { 'name': 'dado6', 'data':  1000 },
+        { 'name': 'dado7', 'data':  50 },
+        { 'name': 'dado8', 'data':  200 },
+        { 'name': 'dado9', 'data':  400 },
 ]});
 
 var chart = Ext.create('Ext.chart.Chart', {
@@ -97,43 +102,55 @@ var chart = Ext.create('Ext.chart.Chart', {
     store: store,
     theme: 'Base:gradients',
     shadow: true,
-    legend: {
-        position: 'right'
-    },
-    series: [{
-        type: 'pie',
-        angleField: 'data',
-        showInLegend: true,
-        tips: {
-            trackMouse: true,
-            width: 140,
-            height: 28,
-            renderer: function(storeItem, item) {
-                // calculate and display percentage on hover
-                var total = 0;
-                store.each(function(rec) {
-                    total += rec.get('data');
-                });
-                this.setTitle(storeItem.get('name') + ': ' + Math.round(storeItem.get('data') / total * 100) + '%');
-            }
-        },
-        highlight: {
-            segment: {
-                margin: 20
-            }
+    axes: [
+        {
+            type: 'Numeric',
+            position: 'left',
+            fields: ['data'],
+            label: {
+                renderer: Ext.util.Format.numberRenderer('0,0')
+            },
+            title: 'Eixo X',
+            grid: true,
+            minimum: 0
         },
-        label: {
-            field: 'name',
-            display: 'rotate',
-            contrast: true,
-            font: '18px Arial'
+        {
+            type: 'Category',
+            position: 'bottom',
+            fields: ['name'],
+            title: 'Eixo Y'
         }
-    }]
+    ],
+    series: [
+        {
+            type: 'column',
+            axis: 'left',
+            highlight: true,
+            tips: {
+              trackMouse: true,
+              width: 140,
+              height: 28,
+              renderer: function(storeItem, item) {
+                this.setTitle(storeItem.get('name') + ': ' + storeItem.get('data'));
+              }
+            },
+            label: {
+              display: 'insideEnd',
+              'text-anchor': 'middle',
+                field: 'data',
+                renderer: Ext.util.Format.numberRenderer('0'),
+                orientation: 'vertical',
+                color: '#333'
+            },
+            xField: 'name',
+            yField: 'data'
+        }
+    ]
 });
 
 widget = Ext.create('Ext.panel.Panel', {
         layout: 'fit',
-        title: 'Widgets',
+        title: 'Grafico de dados',
         width: '75%',
         frame: true,
         draggable: true,
--
libgit2 0.21.2