Add Bar chart (#39)

* renamed bar chart on index to IndexViewChart

* Refactored Chart and extracted common functions to mixin

* Updated Index and Detail View

* Updated readme to add references for Bar Chart

* Compilation Updates

* Style Fixes

* Updated style rules

* Removed alpha ordered imports from StyleCI

Author: navneetrai

.styleci.yml

@@ -6,6 +6,7 @@ enabled:
   - compact_nullable_typehint
   - concat_with_spaces
   - explicit_string_variable
+  - length_ordered_imports
   - method_chaining_indentation
   - no_empty_comment
   - ordered_class_elements
@@ -18,3 +19,4 @@ enabled:
 
 disabled:
   - concat_without_spaces
+  - alpha_ordered_imports

README.md

@@ -1,7 +1,7 @@
 ![Banner](resources/imgs/banner.png "Banner")
 
 ## Introduction
-This package allows you to easily add chart.js graphs to your nova resources. This project is under active development, and currently only supports Line Datasets. You are welcome to request or contribute additional charts by opening an issue.
+This package allows you to easily add chart.js graphs to your nova resources. This project is under active development, and currently only supports Line and Bar Charts. You are welcome to request or contribute additional charts by opening an issue.
 
 ![Cover Image](screenshots/CoverImage.jpg "Cover Image")
 
@@ -122,7 +122,7 @@ class Employee extends Model implements Chartable
                 'label' => 'Minimum Required',
                 'borderColor' => '#f87900',
                 'fill' => '+1',
-                'backgroundColor' => 'rgba(20,20,20,0.2)',
+                'backgroundColor' => 'rgba(20,20,20,0.2)',//For bar charts, this will be the fill color of the bar
                 'data' => [8, 7, 12, 19, 12, 10, 19, 9, 10, 20, 12, 11],
             ],
             [
@@ -233,7 +233,7 @@ You can add following settings to model settings
 4. `identProp`: Model property representing the primary key. defaults to `id`.
 5. `labelProp`: Model property used for display label in chart. defaults to `id`.
 6. `indexColor`: Bar Chart color in index view. Falls back to `color`
-7. `type`: For future expansion. right now this parameter is ignored.
+7. `type`: `line` or `bar`. defaults to `line`.
 8. `options`: Options are passed directly to ChartJS instance can be used to customize your Chart as detailed in the [documentation](https://www.chartjs.org/docs/latest/)
 
 ## Adding Chart Data