passing width and height to apexchart (#4)

dcasia · Jul 23, 2020 · 7d5eeb7 · 7d5eeb7
1 parent c0193c7
commit 7d5eeb7
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 10 deletions.
diff --git a/resources/js/components/NovaApexChart.vue b/resources/js/components/NovaApexChart.vue
@@ -1,6 +1,6 @@
 <template>
     <card class="px-6 py-4">
-        <apexchart :type="card.type" :options="options" :series="card.series"></apexchart>
+        <apexchart :width="card.chartWidth" :height="card.chartHeight" :type="card.type" :options="options" :series="card.series"></apexchart>
     </card>
 </template>
 
@@ -50,10 +50,4 @@
             }
         }
     }
-</script>
-
-<style lang="scss" scoped>
-    .p-10 {
-        padding: 2.5rem;
-    }
-</style>
+</script>
diff --git a/src/NovaApexChart.php b/src/NovaApexChart.php
@@ -15,11 +15,13 @@ class NovaApexChart extends Card
 
     public function __construct($component = null)
     {
-
         parent::__construct($component);
+
         $this->withMeta([
             'options' => (object) [],
-            'type' => 'bar'
+            'type' => 'bar',
+            'chartWidth' => '100%',
+            'chartHeight' => 'auto',
         ]);
 
     }
@@ -44,6 +46,16 @@ public function type(string $type): self
         return $this->withMeta([ 'type' => $type ]);
     }
 
+    public function chartWidth(string $width): self
+    {
+        return $this->withMeta([ 'chartWidth' => $width ]);
+    }
+
+    public function chartHeight(string $type): self
+    {
+        return $this->withMeta([ 'chartHeight' => $type ]);
+    }
+
     public function options(array $options): self
     {
         return $this->withMeta([ 'options' => (object) $options ]);