update feedback fixing

src/app/analysispage/analysispage.html

@@ -1,5 +1,6 @@
 <div class="analyse-container">
 
+<div class="ticker-static">{{result[activeCompany].company_name}}</div>
 
   <mat-card style="height:30vw;">
     <h1>Overall Score Board</h1>
@@ -263,16 +264,29 @@
 
       </div>
 
-      <div class="strategy-chart" *ngFor="let strategyCharts of strategyChart">
-        <apx-chart [series]="strategyCharts.series"
-                   [chart]="strategyCharts.chart"
-                   [xaxis]="strategyCharts.xaxis"
-                   [yaxis]="strategyCharts.yaxis"
-                   [stroke]="strategyCharts.stroke"
-                   [tooltip]="strategyCharts.tooltip"
-                   [annotations]="strategyCharts.annotations">
-        </apx-chart>
-      </div>
+         <button (click)="previousChart()"
+           [disabled]="strategyChartIndex === 0"
+           class="nav-button prev-button">
+     &lt;
+   </button>
+
+   <div class="strategy-chart">
+     <apx-chart *ngIf="strategyChart && strategyChart[strategyChartIndex]"
+                [series]="strategyChart[strategyChartIndex].series"
+                [chart]="strategyChart[strategyChartIndex].chart"
+                [xaxis]="strategyChart[strategyChartIndex].xaxis"
+                [yaxis]="strategyChart[strategyChartIndex].yaxis"
+                [stroke]="strategyChart[strategyChartIndex].stroke"
+                [tooltip]="strategyChart[strategyChartIndex].tooltip"
+                [annotations]="strategyChart[strategyChartIndex].annotations">
+     </apx-chart>
+   </div>
+
+   <button (click)="nextChart()"
+           [disabled]="strategyChartIndex === strategyChart.length - 1"
+           class="nav-button next-button">
+     &gt;
+   </button>
     </div>
 
 

src/app/analysispage/analysispage.scss

@@ -181,7 +181,7 @@ tbody td {
   .strategy-chart-container {
     display: flex;
     align-items: center;
-    gap: 2vw;
+    gap: 1vw;
 
     .strategy-chart {
       background-color: #FFFFFF;
@@ -233,3 +233,32 @@ tbody td {
   font-size: 1.5vw !important;
   cursor: pointer;
 }
+
+.nav-button {
+    width:3vw;
+    height:3vw;
+  font-size: 1vw;
+  font-weight:bold;
+  background-color: #c90900; 
+  color: white;
+  border: none;
+  border-radius: 0.5vw;
+  cursor: pointer; 
+}
+
+.nav-button:disabled {
+  background-color: #ccc;
+  cursor: not-allowed; 
+}
+
+.ticker-static {
+  position: fixed;
+  top: 50%;
+  left: -22.2%;
+  transform: translate(0%, -50%) rotate(-90deg);
+  font-size: 2vw;
+  font-weight: bold;
+  color: white;
+  min-width: 47vw;
+  text-align: center;
+}

src/app/analysispage/analysispage.ts

@@ -35,6 +35,7 @@ export class Analysispage implements OnInit {
   candlestickChartOptions: any;
   overallChart: any;
   strategyChart: any;
+  strategyChartIndex: number = 0;
   predictedChart: any;
   selectedIndicator: any = 'RSI';
   selectedStrategy: any = 'RSI 14';
@@ -115,6 +116,7 @@ export class Analysispage implements OnInit {
   }
 
   loadStrategiesChart(strategyName: any) {
+    this.strategyChartIndex = 0;
     this.selectedStrategy = strategyName;
 
     this.strategyChart = this.chartService.getChartOptions(strategyName, this.result[this.activeCompany]);
@@ -286,6 +288,7 @@ export class Analysispage implements OnInit {
       },
       xaxis: {
         categories: prediction_dates,
+        rotate: -45,
         labels: {
           style: {
             colors: '#ffffff'
@@ -293,7 +296,7 @@ export class Analysispage implements OnInit {
         },
       },
       yaxis: {
-
+        opposite: true,
         labels: {
           style: {
             colors: '#ffffff'
@@ -319,6 +322,18 @@ export class Analysispage implements OnInit {
     this.loadCharts();
   }
 
+  previousChart(): void {
+    if (this.strategyChartIndex > 0) {
+      this.strategyChartIndex--;
+    }
+  }
+  
+  nextChart(): void {
+    if (this.strategyChartIndex < this.strategyChart.length - 1) {
+      this.strategyChartIndex++;
+    }
+  }
+
 }
 
 

src/app/app.html

@@ -5,7 +5,7 @@
     <div style="display: flex; gap: 2vw; margin-left: 47vw;align-self:flex-start;">
       <p class="menu-item">Markets</p>
       <p class="menu-item">Community</p>
-      <p class="menu-item">Trading Assistant</p>
+      <p class="menu-item" routerLink="/chatbot">Trading Assistant</p>
 
     </div>
 

src/app/app.scss

@@ -28,6 +28,7 @@
 
     .menu-item {
       font-size: 1vw;
+      cursor:pointer;
     }
 
     .user-avatar {

src/app/homepage/homepage.html

@@ -34,7 +34,7 @@
 <footer class="footer">
   <div class="footer-content">
     <div class="footer-left">
-      <p>&copy; 2025 PyTrade. All rights reserved.</p>
+      <p>&copy; 2025 Pykara Technologies Pvt. Ltd. All rights reserved.</p>
     </div>
     <div class="footer-center">
       <ul class="footer-links">