fix: custom tooltips does not show - closes #6

Author: xidedix

resources/js/coreui/main.js

@@ -14,8 +14,9 @@ Chart.defaults.global.pointHitDetectionRadius = 1
 Chart.defaults.global.tooltips.enabled = false
 Chart.defaults.global.tooltips.mode = 'index'
 Chart.defaults.global.tooltips.position = 'nearest'
-Chart.defaults.global.tooltips.custom = coreui.ChartJS.CustomTooltips
+Chart.defaults.global.tooltips.custom = coreui.ChartJS.customTooltips
 Chart.defaults.global.defaultFontColor = '#646470'
+Chart.defaults.global.responsiveAnimationDuration = 1
 
 document.body.addEventListener('classtoggle', event => {
   if (event.detail.className === 'c-dark-theme') {
@@ -273,6 +274,14 @@ const mainChart = new Chart(document.getElementById('main-chart'), {
         hoverRadius: 4,
         hoverBorderWidth: 3
       }
+    },
+    tooltips: {
+      intersect: true,
+      callbacks: {
+        labelColor: function(tooltipItem, chart) {
+          return { backgroundColor: chart.data.datasets[tooltipItem.datasetIndex].borderColor };
+        }
+      }
     }
   }
 })

resources/js/coreui/widgets.js

@@ -13,7 +13,7 @@ Chart.defaults.global.pointHitDetectionRadius = 1
 Chart.defaults.global.tooltips.enabled = false
 Chart.defaults.global.tooltips.mode = 'index'
 Chart.defaults.global.tooltips.position = 'nearest'
-Chart.defaults.global.tooltips.custom = coreui.ChartJS.CustomTooltips
+Chart.defaults.global.tooltips.custom = coreui.ChartJS.customTooltips
 
 document.body.addEventListener('classtoggle', event => {
   if (event.detail.className === 'c-dark-theme') {