Merge pull request #187 from apertureless/feature/fix_styles

🔥 Remove default styles object as it causes problems

Author: apertureless

src/BaseCharts/Bar.js

@@ -41,14 +41,7 @@ export default Vue.extend({
       default: ''
     },
     styles: {
-      type: Object,
-      default () {
-        return {
-          width: '100%',
-          height: '100%',
-          position: 'relative'
-        }
-      }
+      type: Object
     }
   },
   data () {

src/BaseCharts/Bubble.js

@@ -42,14 +42,7 @@ export default Vue.extend({
       default: ''
     },
     styles: {
-      type: Object,
-      default () {
-        return {
-          width: '100%',
-          height: '100%',
-          position: 'relative'
-        }
-      }
+      type: Object
     }
   },
 

src/BaseCharts/Doughnut.js

@@ -42,14 +42,7 @@ export default Vue.extend({
       default: ''
     },
     styles: {
-      type: Object,
-      default () {
-        return {
-          width: '100%',
-          height: '100%',
-          position: 'relative'
-        }
-      }
+      type: Object
     }
   },
 

src/BaseCharts/HorizontalBar.js

@@ -42,14 +42,7 @@ export default Vue.extend({
       default: ''
     },
     styles: {
-      type: Object,
-      default () {
-        return {
-          width: '100%',
-          height: '100%',
-          position: 'relative'
-        }
-      }
+      type: Object
     }
   },
 

src/BaseCharts/Line.js

@@ -42,14 +42,7 @@ export default Vue.extend({
       default: ''
     },
     styles: {
-      type: Object,
-      default () {
-        return {
-          width: '100%',
-          height: '100%',
-          position: 'relative'
-        }
-      }
+      type: Object
     }
   },
 

src/BaseCharts/Pie.js

@@ -42,14 +42,7 @@ export default Vue.extend({
       default: ''
     },
     styles: {
-      type: Object,
-      default () {
-        return {
-          width: '100%',
-          height: '100%',
-          position: 'relative'
-        }
-      }
+      type: Object
     }
   },
 

src/BaseCharts/PolarArea.js

@@ -42,14 +42,7 @@ export default Vue.extend({
       default: ''
     },
     styles: {
-      type: Object,
-      default () {
-        return {
-          width: '100%',
-          height: '100%',
-          position: 'relative'
-        }
-      }
+      type: Object
     }
   },
 

src/BaseCharts/Radar.js

@@ -42,14 +42,7 @@ export default Vue.extend({
       default: ''
     },
     styles: {
-      type: Object,
-      default () {
-        return {
-          width: '100%',
-          height: '100%',
-          position: 'relative'
-        }
-      }
+      type: Object
     }
   },
 

src/BaseCharts/Scatter.js

@@ -42,14 +42,7 @@ export default Vue.extend({
       default: ''
     },
     styles: {
-      type: Object,
-      default () {
-        return {
-          width: '100%',
-          height: '100%',
-          position: 'relative'
-        }
-      }
+      type: Object
     }
   },