Fix distorted tooltip (#1088)

* Fix distorted tooltip * Update changelog
2022-07-21 20:36:16 +02:00
parent 9923074e04
commit 1866e26c1d
5 changed files with 24 additions and 15 deletions
--- a/libs/ui/src/lib/line-chart/line-chart.component.html
+++ b/libs/ui/src/lib/line-chart/line-chart.component.html
@@ -8,6 +8,5 @@
 ></ngx-skeleton-loader>
 <canvas
  #chartCanvas
-  class="h-100"
  [ngStyle]="{ display: isLoading ? 'none' : 'block' }"
 ></canvas>
--- a/libs/ui/src/lib/line-chart/line-chart.component.ts
+++ b/libs/ui/src/lib/line-chart/line-chart.component.ts
@@ -175,6 +175,7 @@ export class LineChartComponent implements AfterViewInit, OnChanges, OnDestroy {
          data,
          options: {
            animation: false,
+            aspectRatio: 16 / 9,
            elements: {
              point: {
                hoverBackgroundColor: getBackgroundColor(),