feat: update tooltips

Angular2Guy · Jul 1, 2023 · 9f81530 · 9f81530
1 parent a5e6564
commit 9f81530
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/.../ngx-simple-charts/date-time/src/lib/sc-date-time-chart/sc-date-time-chart.component.html b/.../ngx-simple-charts/date-time/src/lib/sc-date-time-chart/sc-date-time-chart.component.html
@@ -63,6 +63,14 @@
       class="chart-line"
       *ngFor="let myItems of lineKeyToItems"
       [style.height.px]="chartLineHeight"
+      #tooltip="matTooltip"
+      [matTooltip]="
+        !myItems.items[0]?.name && !myItems.items[0]?.details
+          ? 'None'
+          : myItems.items[0]?.name + ', ' + myItems.items[0]?.details
+      "
+      matTooltipPosition="above"
+      matTooltipHideDelay="300"
     >
       <div
         *ngFor="let item of myItems.items; let indexOfElement = index"
@@ -72,14 +80,6 @@
         [class.stock-line-end]="!!item.end"
         [style.left.px]="calcStartPxItem(item)"
         [style.top.px]="-chartLineHeight * indexOfElement"
-        #tooltip="matTooltip"
-        [matTooltip]="
-          !item?.name && !item?.details
-            ? 'None'
-            : item?.name + ', ' + item?.details
-        "
-        matTooltipPosition="above"
-        matTooltipHideDelay="300"
       >
         <div class="stock-name">{{ item.name }}</div>
       </div>