add format money in line chart

resources/assets/js/components/chartjs/LineChart.vue

@@ -9,6 +9,7 @@
 <script>
 import Chart from 'chart.js'
 import Utils from '../../helpers/utilities'
+import { mapGetters } from 'vuex'
 
 export default {
   props: {
@@ -46,9 +47,20 @@ export default {
       type: Function,
       require: false,
       default: Function
+    },
+    FormatGraphMoney: {
+      type: Function,
+      require: false,
+      default: Function
     }
   },
 
+  computed: {
+    ...mapGetters('currency', [
+      'defaultCurrency'
+    ])
+  },
+
   watch: {
     labels (val) {
       this.update()
@@ -56,6 +68,7 @@ export default {
   },
 
   mounted () {
+    let self = this
     let context = this.$refs.graph.getContext('2d')
     let options = {
       responsive: true,
@@ -64,7 +77,7 @@ export default {
         enabled: true,
         callbacks: {
           label: function (tooltipItem, data) {
-            return Utils.formatGraphMoney(tooltipItem.value)
+            return self.FormatGraphMoney(tooltipItem.value, self.defaultCurrency)
           }
         }
       },

resources/assets/js/views/dashboard/Dashboard.vue

@@ -96,6 +96,7 @@
               <line-chart
                 v-if="isLoaded"
                 :format-money="$utils.formatMoney"
+                :format-graph-money="$utils.formatGraphMoney"
                 :invoices="getChartInvoices"
                 :expenses="getChartExpenses"
                 :receipts="getReceiptTotals"