From 3e1ed98a7daa4140ef52ae9446444da8abc11339 Mon Sep 17 00:00:00 2001
From: NaMooJoon <47983023+NaMooJoon@users.noreply.github.com>
Date: Wed, 22 Mar 2023 20:46:35 +0900
Subject: [PATCH] =?UTF-8?q?[FIX]=20=EB=AA=A8=EB=B0=94=EC=9D=BC=ED=99=94?=
 =?UTF-8?q?=EB=A9=B4=20=ED=82=A4=EC=9B=8C=EB=93=9C=20=EB=B6=84=EC=84=9D=20?=
 =?UTF-8?q?=EA=B9=A8=EC=A7=90=20#92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../keyword-analysis/keyword-analysis.component.ts         | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/app/features/search-result/components/keyword-analysis/keyword-analysis.component.ts b/src/app/features/search-result/components/keyword-analysis/keyword-analysis.component.ts
index e25dd8ac..25718f8c 100644
--- a/src/app/features/search-result/components/keyword-analysis/keyword-analysis.component.ts
+++ b/src/app/features/search-result/components/keyword-analysis/keyword-analysis.component.ts
@@ -153,6 +153,8 @@ export class KeywordAnalysisComponent implements OnInit, OnDestroy {
     var height = this.height;
     var width = this.width;
 
+    console.log("height: " , height, "width:", width);
+
     function update(data) {
       // Update the X axis
       x.domain(data.map(d => d["date"]))
@@ -204,14 +206,15 @@ export class KeywordAnalysisComponent implements OnInit, OnDestroy {
     //related to drawing chart
     // set the dimensions and margins of the graph
     this.margin = {top: 30, right: 30, bottom: 30, left: 60};
-    this.width = 460 - this.margin.left - this.margin.right;
-    this.height = 400 - this.margin.top - this.margin.bottom;
+    this.width = 460 - this.margin.left - this.margin.right; //460
+    this.height = 400 - this.margin.top - this.margin.bottom; // 400
 
     // append the svg object to the body of the page
     this.svg = d3.select("#keyword_analysis")
                  .append("svg")
                  .attr("width", this.width + this.margin.left + this.margin.right)
                  .attr("height", this.height + this.margin.top + this.margin.bottom)
+                 .attr("viewBox", `0, 0, ${this.width + this.margin.left + this.margin.right}, ${this.height + this.margin.top + this.margin.bottom}`)
                  .append("g")
                  .attr("transform",
                        "translate(" + this.margin.left + "," + this.margin.top + ")");