diff --git a/src/Chart.php b/src/Chart.php
index 7e2d5b6..65bb014 100644
--- a/src/Chart.php
+++ b/src/Chart.php
@@ -24,6 +24,7 @@
 use Akaunting\Apexcharts\Support\DatasetClass;
 use Akaunting\Apexcharts\Traits\Formatter;
 use Akaunting\Apexcharts\Traits\Types;
+use Balping\JsonRaw\Encoder;
 use Illuminate\Support\Collection;
 use Illuminate\Support\Facades\View as ViewFacade;
 use Illuminate\View\View;
@@ -182,9 +183,9 @@ public function setOptions(array|Collection $options = [], bool $overwrite = fal
         return $this;
     }
 
-    public function getOptions(): array
+    public function getOptions(): string
     {
-        return $this->options;
+        return Encoder::encode($this->options);
     }
 
     public function container(string $container = null): Chart|View
diff --git a/src/Views/script.blade copy.php b/src/Views/script.blade copy.php
deleted file mode 100644
index 5b5770a..0000000
--- a/src/Views/script.blade copy.php	
+++ /dev/null
@@ -1,43 +0,0 @@
-<script type="text/javascript"><!--
-    var options = 
-    {
-        chart: {
-            type: '{!! $chart->type() !!}',
-            height: {!! $chart->height() !!},
-            width: '{!! $chart->width() !!}',
-            toolbar: {!! $chart->toolbar() !!},
-            stacked: true,
-            zoom: {!! $chart->zoom() !!},
-            fontFamily: '{!! $chart->fontFamily() !!}',
-            foreColor: '{!! $chart->foreColor() !!}'
-        },
-        plotOptions: {
-            bar: {!! $chart->horizontal() !!}
-        },
-        colors: {!! $chart->colors() !!},
-        series: {!! $chart->dataset() !!},
-        dataLabels: {!! $chart->dataLabels() !!},
-        @if ($chart->labels())
-            labels: {!! json_encode($chart->labels(), true) !!},
-        @endif
-        title: {
-            text: "{!! $chart->title() !!}"
-        },
-        subtitle: {
-            text: '{!! $chart->subtitle() !!}',
-            align: '{!! $chart->subtitlePosition() !!}'
-        },
-        xaxis: {
-            categories: {!! $chart->xAxis() !!}
-        },
-        grid: {!! $chart->grid() !!},
-        markers: {!! $chart->markers() !!},
-        @if ($chart->stroke())
-            stroke: {!! $chart->stroke() !!},
-        @endif
-    }
-
-    var chart = new ApexCharts(document.querySelector("#{!! $chart->id() !!}"), options);
-
-    chart.render();
-//--></script>
diff --git a/src/Views/script.blade.php b/src/Views/script.blade.php
index 53af546..ba9e23b 100644
--- a/src/Views/script.blade.php
+++ b/src/Views/script.blade.php
@@ -1,5 +1,5 @@
 <script type="text/javascript"><!--
-    var options = {!! json_encode($chart->getOptions()) !!};
+    var options = {!! $chart->getOptions() !!};
 
     var chart_{{ $chart->getId() }} = new ApexCharts(document.querySelector("#{!! $chart->getId() !!}"), options);