graficos.md

@@ -34,16 +34,59 @@ var config = {
     options: {
         reverse: true
     }
-}
+};
 ```
 
 - **fill** - boolean
   - Preenchimento do grafico, referente ao background color
-- **stacked** - boolean
-  - Se os conjuntos de dados do  eixo y devem ser somados
+  - Exemplo:
+
+```js
+var config = {
+    labels: ['LABEL-1', 'LABEL-2'],
+    data: dados,
+    options: {
+        fill: false,
+    }
+};
+```
+
+- **stacked** - Object
+  - Se os conjuntos de dados do eixo x(xAxes) e/ou do eixo y(yAxes) devem ser agrupados.
+  - Exemplo:
+
+```js
+var config = {
+    labels: ['LABEL-1', 'LABEL-2'],
+    data: dados,
+    options: {
+        stacked: {
+            xAxes: false,
+            yAxes: false,
+        }
+    }
+};
+```
+
 - **yAxes** - Object
   - Configuração manual do yAxes
-- **maxAll** - number(integer/float)
+
+```js
+var config = {
+    labels: ['LABEL-1', 'LABEL-2'],
+    data: dados,
+    options: {
+        yAxes: [{
+            id: 'my-id',
+            stacked: false,
+            ticks: {
+                max: 4
+            },
+        }]
+    }
+};
+```
+- **maxAll** - boolean
   - Configura para todos conjuntos de dados do eixo y possuirem o mesmo máximo
 - **setpSizeAll** - number(integer/float)
   - Semelhante ao maxAll, mas configura o intervalo entre os números que será mostrado no gráfico
@@ -62,7 +105,7 @@ var config = {
 
 # Cores
 
-Cores pré definidas
+Lista de cores pré definidas
 
 - red
 - blue
@@ -108,9 +151,6 @@ build_line_chart(ctx, config);
 build_line_chart(ctx, config, ['blue', 'red', 'green']);
 ```
 
-**Gráficos**
-
-
 ## Gráficos de Barra
 
 ```js
@@ -127,8 +167,6 @@ build_bar_chart(ctx, config);
 build_line_chart(ctx, config, ['yellow', 'light_blue', 'cyan']);
 ```
 
-**Gráficos**
-
 ## Gráficos de Linha/Barra
 
 ```js
@@ -145,8 +183,6 @@ build_bar_chart(ctx, config);
 build_line_bar_chart(ctx, config, ['red', 'yellow', 'blue']);
 ```
 
-**Gráficos**
-
 ## Gráficos de Linha com Erro
 
 ```js
@@ -163,7 +199,6 @@ build_symmetric_error_line_chart(ctx, chart);
 build_symmetric_error_line_chart(ctx, chart, ['red', 'yellow', 'grey', 'brown']);
 ```
 
-**Gráficos**
 
 ## Gráficos de Barra com Erro
 
@@ -181,7 +216,6 @@ build_symmetric_error_bar_chart(ctx, chart);
 build_symmetric_error_bar_chart(ctx, chart, ['blue', 'cyan']);
 ```
 
-**Gráficos**
 # Exemplos
 
 Segue um conjunto de exemplos, com a configuração e o resultado.
@@ -202,7 +236,9 @@ var config = {
     labels: ['Valor-1', 'Valor-2'],
     options:{
         yAxisID: ['id1', 'id2'],
-        stacked: false,
+        stacked: {
+            yAxes: false,
+        },
         yAxesPosition: {'id2': 'left'},
         fill: false,
     }
@@ -234,7 +270,9 @@ var config = {
     options:{
         yAxisID: ['id1', 'id2'],
         updateMax: {'id1': 100},
-        stacked: false,
+        stacked: {
+            yAxes: false,
+        }
         stepSizeAll: 15.5,
         yAxesPosition: {'id1': 'right'},
         yAxesDisplay: {'id2': false},
@@ -248,4 +286,39 @@ build_line_chart(ctx, config, ['cyan', 'yellow']);
 ```
 
 **Resultado**
-![line_config2](/uploads/c6b5e7a0586d6513a5232a180abcba61/line_config2.png)
\ No newline at end of file
+![line_config2](/uploads/c6b5e7a0586d6513a5232a180abcba61/line_config2.png)
+
+### Exemplo3
+
+```js
+var grupos = [
+    ['2010', {A: 5, B: 15, C: 9}],
+    ['2011', {A: 0, B: 2, C:18}],
+    ['2012', {A: 7, B: 3, C:12}],
+    ['2013', {A: 12, B: 12, C:12}],
+    ['2014', {A: 15, B: 11, C: 7}],
+    ['2015', {A: 5, B: 6, C: 5}],
+    ['2016', {A: 3, B: 8, C: 9}],
+    ['2017', {A: 7, B: 9, C:12}],
+];
+
+var config = {
+    data:dados,
+    labels: ['A', 'B', 'C'],
+    options:{
+        maxAll: true,
+        stacked: {
+            xAxes: false,
+            yAxes: false,
+        },
+    }
+}
+
+var ctx = document.getElementById('canvas').getContext('2d');
+
+build_line_chart(ctx, config, ['cyan', 'yellow']);
+```
+
+**Resultado**
+
+![canvas](/uploads/6c4df714a6895fa7df1cc8ec7ff9dc99/canvas.png)
\ No newline at end of file