fix(Charts): formatFiat on chart data

blockchain · Jun 5, 2018 · 0619bfe · 0619bfe
1 parent 616263a
commit 0619bfe
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/packages/blockchain-wallet-v4-frontend/src/scenes/Home/BalancesChart/chart.config.js b/packages/blockchain-wallet-v4-frontend/src/scenes/Home/BalancesChart/chart.config.js
@@ -38,8 +38,9 @@ export default (chartData, symbol, history) => {
       },
       tooltip: {
         enabled: total > 0,
-        valuePrefix: `${symbol}`,
-        pointFormat: '{point.y}'
+        pointFormatter: function () {
+          return symbol + Currency.formatFiat(this.y)
+        }
       },
       series: [{
         type: 'pie',

diff --git a/packages/blockchain-wallet-v4-frontend/src/scenes/Home/PriceChart/Chart/services.js b/packages/blockchain-wallet-v4-frontend/src/scenes/Home/PriceChart/Chart/services.js
@@ -1,4 +1,5 @@
 import { Color } from 'blockchain-info-components'
+import * as Currency from 'blockchain-wallet-v4/src/exchange/currency'
 
 export const getConfig = (start, interval, currency, data) => ({
   chart: {
@@ -13,7 +14,7 @@ export const getConfig = (start, interval, currency, data) => ({
     },
     labels: {
       formatter: function () {
-        return (currency + ' ' + this.value.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ','))
+        return (currency + Currency.formatFiat(this.value))
       },
       style: {
         color: Color('black')
@@ -45,7 +46,7 @@ export const getConfig = (start, interval, currency, data) => ({
   },
   tooltip: {
     pointFormatter: function () {
-      return currency + ' ' + this.y.toLocaleString()
+      return currency + Currency.formatFiat(this.y)
     }
   },
   credits: {