try to use x-chart component ...

2026-08-21 18:44:46 +03:30
parent 203c09a0e8
commit 0f37e94ac9
8 changed files with 3498 additions and 98 deletions
@@ -0,0 +1,31 @@
+import { Component } from '@angular/core';
+import { XChartContainerComponent } from '../x-chart/x-chart.typings';
+
+@Component({
+  template: `
+    <ng-container *ngIf="extractProps() | async as props">
+      <x-chart
+        [series]="props.series"
+        [options]="props.options"
+        [cssClass]="props.cssClass"
+        [isInPage]="props.isInPage"
+        [cardColor]="props.cardColor"
+        [cardTitle]="props.cardTitle"
+        [autoUpdate]="props.autoUpdate"
+        (zoomed)="props.zoomed($event)"
+        [wrapWithCard]="props.wrapWithCard"
+        [cardCssClass]="props.cardCssClass"
+        [cardSubTitle]="props.cardSubTitle"
+        [cardShowFooter]="props.cardShowFooter"
+        [actionProvider]="props.actionProvider"
+        [cardShowActions]="props.cardShowActions"
+        (chartRendered)="props.chartRendered($event)"
+        [cardActionProvider]="props.cardActionProvider"
+        [cardForegroundColor]="props.cardForegroundColor"
+        (dataPointSelected)="props.dataPointSelected($event)"
+      >
+      </x-chart>
+    </ng-container>
+  `,
+})
+export class XChartTestComponent extends XChartContainerComponent {}