From 382d43f52c50ee912f4d5cb2e87e6785511a4792 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Thu, 16 Dec 2021 00:46:23 +0000
Subject: [PATCH] :lipstick: Allows user to set chart colors and height

---
 src/components/Widgets/CryptoPriceChart.vue | 2 +-
 src/components/Widgets/StockPriceChart.vue  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Widgets/CryptoPriceChart.vue b/src/components/Widgets/CryptoPriceChart.vue
index b5702353..b646a9c4 100644
--- a/src/components/Widgets/CryptoPriceChart.vue
+++ b/src/components/Widgets/CryptoPriceChart.vue
@@ -72,7 +72,7 @@ export default {
         title: `${this.asset} Price Chart`,
         data: this.chartData,
         type: 'axis-mixed',
-        height: 200,
+        height: this.chartHeight,
         colors: this.chartColors,
         truncateLegends: true,
         lineOptions: {
diff --git a/src/components/Widgets/StockPriceChart.vue b/src/components/Widgets/StockPriceChart.vue
index 33c2ad30..04b35954 100644
--- a/src/components/Widgets/StockPriceChart.vue
+++ b/src/components/Widgets/StockPriceChart.vue
@@ -77,7 +77,7 @@ export default {
         title: `${this.stock} Price Chart`,
         data: this.chartData,
         type: 'axis-mixed',
-        height: 200,
+        height: this.chartHeight,
         colors: this.chartColors,
         truncateLegends: true,
         lineOptions: {