graficos.md

@@ -21,7 +21,7 @@ var config2 = {
 };
 ```
 
-# Atributos Options
+# Atributos
 
 - **reverse** - boolean
   - Inverte o eixo y para decrescente
@@ -91,7 +91,24 @@ var config = {
 - **setpSizeAll** - number(integer/float)
   - Semelhante ao maxAll, mas configura o intervalo entre os números que será mostrado no gráfico
 - **tooltipCallbackLabel** - Object
-  - Personalização do texto mostrado ao colocar o mouse sobre um ponto no gráfico
+  - Personalização do texto mostrado ao colocar o mouse sobre um ponto no gráfico. Existe um subatributo chamado error que indica se a formatação deve ser para gráfico de erro ou não
+  - Exemplo:
+
+```js
+var config = {
+    labels: ['LABEL-1', 'LABEL-2'],
+    data: dados,
+    options:{
+        tooltipCallbackLabl: {
+            error: true,
+            text: '%B1',
+            fixed: true,
+        }
+    }
+};
+```
+
+
 - **yAxisID** - Array of strings
   - Identificadores para cada conjunto de dados do eixo y. A configuração dos próximos atributos dependem da existência do yAxisID
   - **displayGridlines** - Object
@@ -102,6 +119,30 @@ var config = {
     - Se os valores do eixo devem ser mostrados
   - **yAxesPosition** - Object
     - Localização dos valores do eixo
+  - Exemplo:
+
+```js
+var config = {
+    labels: ['LABEL-1', 'LABEL-2'],
+    data: dados,
+    options:{
+        yAxisID: ['y-id0', 'y-id1', 'y-id2'],
+        displayGridLines: {
+            'y-id1': false
+        },
+        updateMax: {
+            'y-id0': 135
+        },
+        yAxesDisplay: {
+            'y-id2': false
+        },
+        yAxesPosition: {
+            'y-id1': 'left',
+            'y-id0': 'right'
+        }
+    }
+}
+```
 
 # Cores
 
@@ -222,7 +263,7 @@ Segue um conjunto de exemplos, com a configuração e o resultado.
 
 ---
 
-### Exemplo 1
+## Exemplo 1
 ```js
 var mes = [
     ['Janeiro', [20, 13.3]],
@@ -254,7 +295,7 @@ build_line_chart(ctx, config, ['cyan', 'yellow']);
 
 ---
 
-### Exemplo2
+## Exemplo2
 
 ```js
 var mes = [
@@ -288,7 +329,10 @@ build_line_chart(ctx, config, ['cyan', 'yellow']);
 **Resultado**
 ![line_config2](/uploads/c6b5e7a0586d6513a5232a180abcba61/line_config2.png)
 
-### Exemplo3
+---
+
+## Exemplo3
+
 
 ```js
 var grupos = [
@@ -316,9 +360,46 @@ var config = {
 
 var ctx = document.getElementById('canvas').getContext('2d');
 
+build_line_chart(ctx, config, ['cyan', 'yellow']);
+```
+**Resultado**
+
+![canvas](/uploads/6c4df714a6895fa7df1cc8ec7ff9dc99/canvas.png)
+
+---
+
+## Exemplo4
+
+```js
+var grupos = [
+    ['2010', {A: 12.7, B: 6.1}],
+    ['2011', {A: 13.5746, B: 4.35}],
+    ['2012', {A: 7.6598, B: 3.12}],
+    ['2013', {A: 7.516, B: 1.158}],
+    ['2014', {A: 12.5899, B: 5.1598}],
+    ['2015', {A: 5.1568, B: 3.6998}],
+    ['2016', {A: 3.14995, B: 4.698}],
+    ['2017', {A: 7.2695, B: 2.158}],
+];
+
+var config = {
+    data:dados,
+    labels: ['A', 'B'],
+    options:{
+        tooltipCallbackLabl: {
+            error: true,
+            text: '%B1',
+            fixed: true,
+        }
+    }
+}
+
+var ctx = document.getElementById('canvas').getContext('2d');
+
 build_line_chart(ctx, config, ['cyan', 'yellow']);
 ```
 
 **Resultado**
+![error_line](/uploads/7df7568a41882ef78f4fdba5606a4990/error_line.png)
 
-![canvas](/uploads/6c4df714a6895fa7df1cc8ec7ff9dc99/canvas.png)
+---
\ No newline at end of file