diff --git a/src/components/Widgets/CryptoWatchList.vue b/src/components/Widgets/CryptoWatchList.vue index 0f11f232..7b86ad25 100644 --- a/src/components/Widgets/CryptoWatchList.vue +++ b/src/components/Widgets/CryptoWatchList.vue @@ -22,7 +22,9 @@ import axios from 'axios'; import WidgetMixin from '@/mixins/WidgetMixin'; import { widgetApiEndpoints } from '@/utils/defaults'; -import { findCurrencySymbol, timestampToDate, roundPrice } from '@/utils/MiscHelpers'; +import { + findCurrencySymbol, timestampToDate, roundPrice, putCommasInBigNum, +} from '@/utils/MiscHelpers'; export default { mixins: [WidgetMixin], @@ -69,7 +71,7 @@ export default { filters: { /* Append currency symbol to price */ formatPrice(price) { - return `${findCurrencySymbol('usd')}${roundPrice(price)}`; + return `${findCurrencySymbol('usd')}${putCommasInBigNum(roundPrice(price))}`; }, /* Append percentage symbol, and up/ down arrow */ formatPercentage(change) { diff --git a/src/components/Widgets/StockPriceChart.vue b/src/components/Widgets/StockPriceChart.vue index 15a3829c..68eec186 100644 --- a/src/components/Widgets/StockPriceChart.vue +++ b/src/components/Widgets/StockPriceChart.vue @@ -121,9 +121,9 @@ export default { }); // // Combine results with chart config this.chartData = { - labels: priceLabels, + labels: priceLabels.reverse(), datasets: [ - { name: `Price ${this.priceTime}`, type: 'bar', values: priceValues }, + { name: `Price ${this.priceTime}`, type: 'bar', values: priceValues.reverse() }, ], }; // // Call chart render function