Исправления

src/Support/Livewire/ChartComponentData.php

@@ -29,10 +29,11 @@ class ChartComponentData implements Arrayable
      * @param \Illuminate\Support\Collection $labels
      * @param \Illuminate\Support\Collection $datasets
      */
-    public function __construct(Collection $labels, Collection $datasets)
+    public function __construct(Collection $labels, Collection $datasets, $datasets_name = [])
     {
         $this->labels = $labels;
         $this->datasets = $datasets;
+        $this->datasets_name = $datasets_name;
     }
 
     /**
@@ -42,7 +43,8 @@ public function toArray(): array
     {
         return [
             'labels'    => $this->labels,
-            'datasets'  => $this->datasets
+            'datasets'  => $this->datasets,
+            'datasets_name'  => $this->datasets_name,
         ];
     }
 
@@ -60,6 +62,14 @@ public function checksum(): string
     public function labels(): Collection
     {
         return $this->labels;
+    }   
+
+    /**
+     * @return \Illuminate\Support\Collection
+     */
+    public function datasets_name()
+    {
+        return $this->datasets_name;
     }
 
     /**

src/Views/apex/container.blade.php

@@ -1,3 +1,3 @@
-<div id="{{ $chart->id }}" {!! $chart->formatContainerOptions('css') !!}>
+<div id="{{ $chart->id }}">
 </div>
 @include('charts::loader')

src/Views/apex/script.blade.php

@@ -12,9 +12,12 @@ function {{ $chart->id }}_create(data) {
         window.{{ $chart->id }} = new ApexCharts(document.querySelector("#{{ $chart->id }}"), {
             {!! $chart->formatOptions(true, true) !!},
             series: data,
-            xaxis: {
-                categories: {!! $chart->formatLabels() !!}
-            }
+
+            @if (!isset($chart->options['xaxis']))
+                xaxis: {
+                    categories: {!! $chart->formatLabels() !!}
+                },
+            @endif
 
         });
         {{ $chart->id }}.render();