Merge pull request #32 from dominicrico/master

Additional options for tooltips

Author: markusdap

.gitignore

@@ -28,3 +28,6 @@ node_modules
 .lock-wscript
 
 bower_components
+
+#Sass Cache
+.sass-cache

README.md

@@ -8,8 +8,14 @@ Please visit http://gionkunz.github.io/chartist-js/plugins.html for more informa
 
 ```javascript
 var defaultOptions = {
-  currency: null //accepts '£', '$', '€', etc.
+  currency: undefined, //accepts '£', '$', '€', etc.
   //e.g. 4000 => €4,000
+  tooltipFnc: undefined, //accepts function
+  //build custom tooltip
+  class: undefined, // accecpts 'class1', 'class1 class2', etc.
+  //adds class(es) to tooltip wrapper
+  appendToBody: false //accepts true or false
+  //appends tooltips to body instead of chart container
 };
 ```
 
@@ -23,13 +29,13 @@ var chart = new Chartist.Line('.ct-chart', {
   labels: [1, 2, 3],
   series: [
     [
-      {meta: 'description', value: 1 }, 
-      {meta: 'description', value: 5}, 
+      {meta: 'description', value: 1},
+      {meta: 'description', value: 5},
       {meta: 'description', value: 3}
     ],
     [
-      {meta: 'other description', value: 2}, 
-      {meta: 'other description', value: 4}, 
+      {meta: 'other description', value: 2},
+      {meta: 'other description', value: 4},
       {meta: 'other description', value: 2}
     ]
   ]
@@ -40,7 +46,7 @@ var chart = new Chartist.Line('.ct-chart', {
 });
 ```
 
-without:
+without descriptive text:
 ```js
 var chart = new Chartist.Line('.ct-chart', {
   labels: [1, 2, 3, 4, 5, 6, 7],
@@ -54,3 +60,29 @@ var chart = new Chartist.Line('.ct-chart', {
   ]
 });
 ```
+
+With options text:
+```js
+var chart = new Chartist.Line('.ct-chart', {
+  labels: [1, 2, 3],
+  series: [
+    [
+      {meta: 'description', value: 1},
+      {meta: 'description', value: 5},
+      {meta: 'description', value: 3}
+    ],
+    [
+      {meta: 'other description', value: 2},
+      {meta: 'other description', value: 4},
+      {meta: 'other description', value: 2}
+    ]
+  ]
+}, {
+  plugins: [
+    Chartist.plugins.tooltip({
+      currency: '$',
+      class: 'class1 class2',
+      appendToBody: true
+    })
+  ]
+});