diff --git a/components/chart.vue b/components/chart.vue
index a55de4023ec80e5e0c7bd58b41cc8c8a223a18b5..8bf10f0c5afd0cf7a00953d3e7e771cb0d7c43e1 100644
--- a/components/chart.vue
+++ b/components/chart.vue
@@ -1,11 +1,11 @@
 <template>
     <div>
-        <canvas :id="id"></canvas>
+        <canvas :id="id" @click="test($event)"></canvas>
     </div>
 </template>
 
 <script>
-import { Chart, registerables } from 'chart.js'
+import Chart from 'chart.js/auto'
 
 export const chartTypes = [
     'line',
@@ -58,9 +58,6 @@ export default {
             this.chart = new Chart(document.getElementById(this.id), this.chartData)
         }
     },
-    created() {
-        Chart.register(...registerables)
-    },
     mounted() {
         this.createChart()
     },