improve view file

Signed-off-by: Abbas mkhzomi <amkhzomi@gmail.com>

Author: abbasudo

resources/views/livewire/usage-hours.blade.php

@@ -26,7 +26,7 @@
 
                         <div
                                 wire:ignore
-                                x-data="queueChart({
+                                x-data="usageChart({
                                 labels: @js($usage->keys()),
                                 data: @js($usage->values()),
                        })"
@@ -60,7 +60,7 @@ class="ring-1 ring-gray-900/5 dark:ring-gray-100/10 bg-gray-50 dark:bg-gray-800
 
 @script
 <script>
-  Alpine.data('queueChart', (config) => ({
+  Alpine.data('usageChart', (config) => ({
     init() {
       let chart = new Chart(
         this.$refs.canvas,
@@ -74,12 +74,8 @@ class="ring-1 ring-gray-900/5 dark:ring-gray-100/10 bg-gray-50 dark:bg-gray-800
                 borderColor: '#9333ea',
                 backgroundColor: 'rgba(147,51,234,0.10)',
                 borderWidth: 2,
-                borderCapStyle: 'round',
+                borderRadius: 3,
                 data: config.data,
-                pointHitRadius: 10,
-                pointStyle: false,
-                tension: 0.2,
-                spanGaps: false,
               },
             ],
           },