@skdx/angular-charts 0.32.0 → 0.34.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +96 -41
- package/fesm2022/skdx-angular-charts-area.mjs +27 -33
- package/fesm2022/skdx-angular-charts-area.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-bar.mjs +30 -51
- package/fesm2022/skdx-angular-charts-bar.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-boxplot.mjs +26 -14
- package/fesm2022/skdx-angular-charts-boxplot.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-candlestick.mjs +49 -16
- package/fesm2022/skdx-angular-charts-candlestick.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-chord.mjs +26 -14
- package/fesm2022/skdx-angular-charts-chord.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-funnel.mjs +37 -48
- package/fesm2022/skdx-angular-charts-funnel.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-gantt.mjs +31 -19
- package/fesm2022/skdx-angular-charts-gantt.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-heatmap.mjs +54 -81
- package/fesm2022/skdx-angular-charts-heatmap.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-internal.mjs +2746 -707
- package/fesm2022/skdx-angular-charts-internal.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-line.mjs +26 -16
- package/fesm2022/skdx-angular-charts-line.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-map.mjs +35 -14
- package/fesm2022/skdx-angular-charts-map.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-pie.mjs +47 -25
- package/fesm2022/skdx-angular-charts-pie.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-radar.mjs +45 -81
- package/fesm2022/skdx-angular-charts-radar.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-radial.mjs +108 -0
- package/fesm2022/skdx-angular-charts-radial.mjs.map +1 -0
- package/fesm2022/skdx-angular-charts-sankey.mjs +26 -14
- package/fesm2022/skdx-angular-charts-sankey.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-scatter.mjs +49 -19
- package/fesm2022/skdx-angular-charts-scatter.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-sparkline.mjs +50 -60
- package/fesm2022/skdx-angular-charts-sparkline.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-sunburst.mjs +26 -14
- package/fesm2022/skdx-angular-charts-sunburst.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-treemap.mjs +26 -14
- package/fesm2022/skdx-angular-charts-treemap.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts-waterfall.mjs +26 -14
- package/fesm2022/skdx-angular-charts-waterfall.mjs.map +1 -1
- package/fesm2022/skdx-angular-charts.mjs +2 -0
- package/fesm2022/skdx-angular-charts.mjs.map +1 -1
- package/package.json +7 -12
- package/types/skdx-angular-charts-area.d.ts +2 -2
- package/types/skdx-angular-charts-bar.d.ts +5 -13
- package/types/skdx-angular-charts-boxplot.d.ts +2 -2
- package/types/skdx-angular-charts-candlestick.d.ts +10 -4
- package/types/skdx-angular-charts-chord.d.ts +2 -2
- package/types/skdx-angular-charts-funnel.d.ts +5 -3
- package/types/skdx-angular-charts-gantt.d.ts +6 -6
- package/types/skdx-angular-charts-heatmap.d.ts +16 -15
- package/types/skdx-angular-charts-internal.d.ts +595 -232
- package/types/skdx-angular-charts-line.d.ts +2 -2
- package/types/skdx-angular-charts-map.d.ts +4 -3
- package/types/skdx-angular-charts-pie.d.ts +11 -3
- package/types/skdx-angular-charts-radar.d.ts +8 -10
- package/types/skdx-angular-charts-radial.d.ts +34 -0
- package/types/skdx-angular-charts-sankey.d.ts +2 -2
- package/types/skdx-angular-charts-scatter.d.ts +11 -4
- package/types/skdx-angular-charts-sparkline.d.ts +13 -5
- package/types/skdx-angular-charts-sunburst.d.ts +2 -2
- package/types/skdx-angular-charts-treemap.d.ts +4 -4
- package/types/skdx-angular-charts-waterfall.d.ts +2 -2
- package/types/skdx-angular-charts.d.ts +2 -1
|
@@ -7,7 +7,7 @@ import { SkdxSizedBase, layoutWaterfall, SkdxChartRootComponent } from '@skdx/an
|
|
|
7
7
|
* This file is part of the SkandaDX organization.
|
|
8
8
|
* Licensed under the MIT License. See LICENSE in the repository root.
|
|
9
9
|
*/
|
|
10
|
-
/** Signed deltas stacked on
|
|
10
|
+
/** Signed deltas stacked on the running total, with an optional closing total bar. */
|
|
11
11
|
class SkdxWaterfallChartComponent extends SkdxSizedBase {
|
|
12
12
|
constructor() {
|
|
13
13
|
super(...arguments);
|
|
@@ -16,14 +16,23 @@ class SkdxWaterfallChartComponent extends SkdxSizedBase {
|
|
|
16
16
|
/** Label of a final bar showing the running total. */
|
|
17
17
|
this.total = input(/* @ts-ignore */
|
|
18
18
|
...(ngDevMode ? [undefined, { debugName: "total" }] : /* istanbul ignore next */ []));
|
|
19
|
-
this.
|
|
20
|
-
...(ngDevMode ? [{ debugName: "
|
|
19
|
+
this.layout = computed(() => layoutWaterfall({ ...this.sized(), data: this.data(), total: this.total() }), /* @ts-ignore */
|
|
20
|
+
...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
|
|
21
21
|
}
|
|
22
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxWaterfallChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
23
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: SkdxWaterfallChartComponent, isStandalone: true, selector: "skdx-waterfall-chart", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: true, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
|
|
24
|
-
<skdx-chart-root
|
|
25
|
-
|
|
26
|
-
|
|
24
|
+
<skdx-chart-root
|
|
25
|
+
[layout]="layout()"
|
|
26
|
+
kind="waterfall"
|
|
27
|
+
[label]="label() ?? 'Waterfall chart'"
|
|
28
|
+
[zoomable]="zoomable()"
|
|
29
|
+
[responsive]="responsive()"
|
|
30
|
+
(itemClick)="itemClick.emit($event)"
|
|
31
|
+
(hiddenSeriesChange)="toggle($event)"
|
|
32
|
+
(zoomChange)="zoom.set($event)"
|
|
33
|
+
(measured)="measuredWidth.set($event)"
|
|
34
|
+
></skdx-chart-root>
|
|
35
|
+
`, isInline: true, dependencies: [{ kind: "component", type: SkdxChartRootComponent, selector: "skdx-chart-root", inputs: ["layout", "kind", "label", "zoomable", "responsive"], outputs: ["itemClick", "hiddenSeriesChange", "zoomChange", "measured"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
27
36
|
}
|
|
28
37
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: SkdxWaterfallChartComponent, decorators: [{
|
|
29
38
|
type: Component,
|
|
@@ -33,18 +42,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
|
|
|
33
42
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
34
43
|
imports: [SkdxChartRootComponent],
|
|
35
44
|
template: `
|
|
36
|
-
<skdx-chart-root
|
|
37
|
-
|
|
45
|
+
<skdx-chart-root
|
|
46
|
+
[layout]="layout()"
|
|
47
|
+
kind="waterfall"
|
|
48
|
+
[label]="label() ?? 'Waterfall chart'"
|
|
49
|
+
[zoomable]="zoomable()"
|
|
50
|
+
[responsive]="responsive()"
|
|
51
|
+
(itemClick)="itemClick.emit($event)"
|
|
52
|
+
(hiddenSeriesChange)="toggle($event)"
|
|
53
|
+
(zoomChange)="zoom.set($event)"
|
|
54
|
+
(measured)="measuredWidth.set($event)"
|
|
55
|
+
></skdx-chart-root>
|
|
38
56
|
`,
|
|
39
57
|
}]
|
|
40
58
|
}], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: true }] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: false }] }] } });
|
|
41
59
|
|
|
42
|
-
/*
|
|
43
|
-
* Copyright (c) 2026 SkandaDX
|
|
44
|
-
* This file is part of the SkandaDX organization.
|
|
45
|
-
* Licensed under the MIT License. See LICENSE in the repository root.
|
|
46
|
-
*/
|
|
47
|
-
|
|
48
60
|
/**
|
|
49
61
|
* Generated bundle index. Do not edit.
|
|
50
62
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skdx-angular-charts-waterfall.mjs","sources":["../../src/waterfall/
|
|
1
|
+
{"version":3,"file":"skdx-angular-charts-waterfall.mjs","sources":["../../src/waterfall/index.ts","../../src/waterfall/skdx-angular-charts-waterfall.ts"],"sourcesContent":["/*\n * Copyright (c) 2026 SkandaDX\n * This file is part of the SkandaDX organization.\n * Licensed under the MIT License. See LICENSE in the repository root.\n */\n\nimport { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\n\nimport {\n layoutWaterfall,\n SkdxChartRootComponent,\n SkdxSizedBase,\n type Datum,\n} from '@skdx/angular-charts/internal';\n\n/** Signed deltas stacked on the running total, with an optional closing total bar. */\n@Component({\n selector: 'skdx-waterfall-chart',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [SkdxChartRootComponent],\n template: `\n <skdx-chart-root\n [layout]=\"layout()\"\n kind=\"waterfall\"\n [label]=\"label() ?? 'Waterfall chart'\"\n [zoomable]=\"zoomable()\"\n [responsive]=\"responsive()\"\n (itemClick)=\"itemClick.emit($event)\"\n (hiddenSeriesChange)=\"toggle($event)\"\n (zoomChange)=\"zoom.set($event)\"\n (measured)=\"measuredWidth.set($event)\"\n ></skdx-chart-root>\n `,\n})\nexport class SkdxWaterfallChartComponent extends SkdxSizedBase {\n readonly data = input.required<Datum[]>();\n /** Label of a final bar showing the running total. */\n readonly total = input<string>();\n\n protected readonly layout = computed(() =>\n layoutWaterfall({ ...this.sized(), data: this.data(), total: this.total() }),\n );\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;;;AAIG;AAWH;AAoBM,MAAO,2BAA4B,SAAQ,aAAa,CAAA;AAnB9D,IAAA,WAAA,GAAA;;QAoBW,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,QAAQ;iFAAW;;AAEhC,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK;6FAAU;AAEb,QAAA,IAAA,CAAA,MAAM,GAAG,QAAQ,CAAC,MACnC,eAAe,CAAC,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC;mFAC7E;AACF,IAAA;8GARY,2BAA2B,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA3B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAd5B;;;;;;;;;;;;AAYT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAbS,sBAAsB,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,MAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,WAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAerB,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAnBvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,sBAAsB,CAAC;AACjC,oBAAA,QAAQ,EAAE;;;;;;;;;;;;AAYT,EAAA,CAAA;AACF,iBAAA;;;AClCD;;AAEG;;"}
|
|
@@ -16,6 +16,8 @@ export { SkdxBoxplotComponent } from '@skdx/angular-charts/boxplot';
|
|
|
16
16
|
export { SkdxSunburstChartComponent } from '@skdx/angular-charts/sunburst';
|
|
17
17
|
export { SkdxChordChartComponent } from '@skdx/angular-charts/chord';
|
|
18
18
|
export { SkdxMapChartComponent } from '@skdx/angular-charts/map';
|
|
19
|
+
export { SkdxRadialBarChartComponent } from '@skdx/angular-charts/radial';
|
|
20
|
+
export { csv, makeFormatter, seriesCsv, svgMarkup } from '@skdx/angular-charts/internal';
|
|
19
21
|
|
|
20
22
|
/*
|
|
21
23
|
* Copyright (c) 2026 SkandaDX
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"skdx-angular-charts.mjs","sources":["../../src/public-api.ts","../../src/skdx-angular-charts.ts"],"sourcesContent":["/*\n * Copyright (c) 2026 SkandaDX\n * This file is part of the SkandaDX organization.\n * Licensed under the MIT License. See LICENSE in the repository root.\n */\n\nexport { SkdxBarChartComponent } from '@skdx/angular-charts/bar';\nexport { SkdxLineChartComponent } from '@skdx/angular-charts/line';\nexport { SkdxAreaChartComponent } from '@skdx/angular-charts/area';\nexport { SkdxPieChartComponent } from '@skdx/angular-charts/pie';\nexport { SkdxScatterChartComponent } from '@skdx/angular-charts/scatter';\nexport { SkdxSparklineComponent } from '@skdx/angular-charts/sparkline';\nexport { SkdxRadarChartComponent } from '@skdx/angular-charts/radar';\nexport { SkdxHeatmapComponent } from '@skdx/angular-charts/heatmap';\nexport { SkdxFunnelChartComponent } from '@skdx/angular-charts/funnel';\nexport { SkdxSankeyChartComponent } from '@skdx/angular-charts/sankey';\nexport { SkdxTreemapComponent } from '@skdx/angular-charts/treemap';\nexport { SkdxCandlestickChartComponent } from '@skdx/angular-charts/candlestick';\nexport { SkdxWaterfallChartComponent } from '@skdx/angular-charts/waterfall';\nexport { SkdxGanttChartComponent } from '@skdx/angular-charts/gantt';\nexport { SkdxBoxplotComponent } from '@skdx/angular-charts/boxplot';\nexport { SkdxSunburstChartComponent } from '@skdx/angular-charts/sunburst';\nexport { SkdxChordChartComponent } from '@skdx/angular-charts/chord';\nexport { SkdxMapChartComponent } from '@skdx/angular-charts/map';\nexport type {\n Candle,\n Datum,\n GanttTask,\n GeoMultiPolygon,\n GeoPolygon,\n MapFeature,\n SankeyLink,\n ScatterSeries,\n Series,\n
|
|
1
|
+
{"version":3,"file":"skdx-angular-charts.mjs","sources":["../../src/public-api.ts","../../src/skdx-angular-charts.ts"],"sourcesContent":["/*\n * Copyright (c) 2026 SkandaDX\n * This file is part of the SkandaDX organization.\n * Licensed under the MIT License. See LICENSE in the repository root.\n */\n\nexport { SkdxBarChartComponent } from '@skdx/angular-charts/bar';\nexport { SkdxLineChartComponent } from '@skdx/angular-charts/line';\nexport { SkdxAreaChartComponent } from '@skdx/angular-charts/area';\nexport { SkdxPieChartComponent } from '@skdx/angular-charts/pie';\nexport { SkdxScatterChartComponent } from '@skdx/angular-charts/scatter';\nexport { SkdxSparklineComponent } from '@skdx/angular-charts/sparkline';\nexport { SkdxRadarChartComponent } from '@skdx/angular-charts/radar';\nexport { SkdxHeatmapComponent } from '@skdx/angular-charts/heatmap';\nexport { SkdxFunnelChartComponent } from '@skdx/angular-charts/funnel';\nexport { SkdxSankeyChartComponent } from '@skdx/angular-charts/sankey';\nexport { SkdxTreemapComponent } from '@skdx/angular-charts/treemap';\nexport { SkdxCandlestickChartComponent } from '@skdx/angular-charts/candlestick';\nexport { SkdxWaterfallChartComponent } from '@skdx/angular-charts/waterfall';\nexport { SkdxGanttChartComponent } from '@skdx/angular-charts/gantt';\nexport { SkdxBoxplotComponent } from '@skdx/angular-charts/boxplot';\nexport { SkdxSunburstChartComponent } from '@skdx/angular-charts/sunburst';\nexport { SkdxChordChartComponent } from '@skdx/angular-charts/chord';\nexport { SkdxMapChartComponent } from '@skdx/angular-charts/map';\nexport { SkdxRadialBarChartComponent } from '@skdx/angular-charts/radial';\nexport { csv, seriesCsv, svgMarkup, makeFormatter } from '@skdx/angular-charts/internal';\nexport type {\n AxisOptions,\n CalendarCell,\n Candle,\n CartesianSeries,\n Category,\n ChartItem,\n Curve,\n Datum,\n Format,\n GanttTask,\n GeoMultiPolygon,\n GeoPolygon,\n MapFeature,\n RadialBand,\n RangeSeries,\n Reference,\n SankeyLink,\n ScatterSeries,\n Series,\n TreeNode,\n Value,\n Variant,\n Zoom,\n} from '@skdx/angular-charts/internal';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;;;AAIG;;ACJH;;AAEG"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@skdx/angular-charts",
|
|
3
|
-
"version": "0.
|
|
4
|
-
"description": "
|
|
3
|
+
"version": "0.34.0",
|
|
4
|
+
"description": "Nineteen SVG charts as standalone Angular components, from bar and line to sankey, radial bar and choropleth map — colored by @skdx/tokens",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"publishConfig": {
|
|
7
7
|
"access": "public"
|
|
@@ -20,20 +20,11 @@
|
|
|
20
20
|
"peerDependencies": {
|
|
21
21
|
"@angular/common": "^22.0.0",
|
|
22
22
|
"@angular/core": "^22.0.0",
|
|
23
|
-
"@skdx/tokens": "^0.
|
|
23
|
+
"@skdx/tokens": "^0.34.0"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
26
|
"tslib": "^2.3.0"
|
|
27
27
|
},
|
|
28
|
-
"nx": {
|
|
29
|
-
"targets": {
|
|
30
|
-
"sync": {
|
|
31
|
-
"outputs": [
|
|
32
|
-
"{projectRoot}/src/internal/core"
|
|
33
|
-
]
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
},
|
|
37
28
|
"module": "fesm2022/skdx-angular-charts.mjs",
|
|
38
29
|
"typings": "types/skdx-angular-charts.d.ts",
|
|
39
30
|
"exports": {
|
|
@@ -96,6 +87,10 @@
|
|
|
96
87
|
"types": "./types/skdx-angular-charts-radar.d.ts",
|
|
97
88
|
"default": "./fesm2022/skdx-angular-charts-radar.mjs"
|
|
98
89
|
},
|
|
90
|
+
"./radial": {
|
|
91
|
+
"types": "./types/skdx-angular-charts-radial.d.ts",
|
|
92
|
+
"default": "./fesm2022/skdx-angular-charts-radial.mjs"
|
|
93
|
+
},
|
|
99
94
|
"./sankey": {
|
|
100
95
|
"types": "./types/skdx-angular-charts-sankey.d.ts",
|
|
101
96
|
"default": "./fesm2022/skdx-angular-charts-sankey.mjs"
|
|
@@ -2,9 +2,9 @@ import * as i0 from '@angular/core';
|
|
|
2
2
|
import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
|
|
3
3
|
import { SkdxChartBase } from '@skdx/angular-charts/internal';
|
|
4
4
|
|
|
5
|
-
/**
|
|
5
|
+
/** Filled, optionally stacked, areas down to zero; series may also be bars, lines or ranges. */
|
|
6
6
|
declare class SkdxAreaChartComponent extends SkdxChartBase {
|
|
7
|
-
protected readonly layout: i0.Signal<_skdx_angular_charts_internal.
|
|
7
|
+
protected readonly layout: i0.Signal<_skdx_angular_charts_internal.Canvas>;
|
|
8
8
|
static ɵfac: i0.ɵɵFactoryDeclaration<SkdxAreaChartComponent, never>;
|
|
9
9
|
static ɵcmp: i0.ɵɵComponentDeclaration<SkdxAreaChartComponent, "skdx-area-chart", never, {}, {}, never, never, true, never>;
|
|
10
10
|
}
|
|
@@ -1,20 +1,12 @@
|
|
|
1
|
+
import * as i0 from '@angular/core';
|
|
1
2
|
import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
|
|
2
3
|
import { SkdxChartBase } from '@skdx/angular-charts/internal';
|
|
3
|
-
import * as _angular_core from '@angular/core';
|
|
4
4
|
|
|
5
|
-
/**
|
|
6
|
-
* Grouped or stacked vertical bars, one per value.
|
|
7
|
-
*
|
|
8
|
-
* ```html
|
|
9
|
-
* <skdx-bar-chart [series]="[{ name: 'Sales', data: [3, 5, 2] }]" [categories]="['Q1', 'Q2', 'Q3']"></skdx-bar-chart>
|
|
10
|
-
* ```
|
|
11
|
-
*/
|
|
5
|
+
/** Grouped, stacked, horizontal or histogram bars; series may also be lines, areas or ranges. */
|
|
12
6
|
declare class SkdxBarChartComponent extends SkdxChartBase {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxBarChartComponent, never>;
|
|
17
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxBarChartComponent, "skdx-bar-chart", never, { "stacked": { "alias": "stacked"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
7
|
+
protected readonly layout: i0.Signal<_skdx_angular_charts_internal.Canvas>;
|
|
8
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SkdxBarChartComponent, never>;
|
|
9
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SkdxBarChartComponent, "skdx-bar-chart", never, {}, {}, never, never, true, never>;
|
|
18
10
|
}
|
|
19
11
|
|
|
20
12
|
export { SkdxBarChartComponent };
|
|
@@ -2,10 +2,10 @@ import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
|
|
|
2
2
|
import { SkdxSizedBase, Series } from '@skdx/angular-charts/internal';
|
|
3
3
|
import * as _angular_core from '@angular/core';
|
|
4
4
|
|
|
5
|
-
/**
|
|
5
|
+
/** One Tukey box per series over its raw samples. */
|
|
6
6
|
declare class SkdxBoxplotComponent extends SkdxSizedBase {
|
|
7
7
|
readonly series: _angular_core.InputSignal<Series[]>;
|
|
8
|
-
protected readonly
|
|
8
|
+
protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
|
|
9
9
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxBoxplotComponent, never>;
|
|
10
10
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxBoxplotComponent, "skdx-boxplot", never, { "series": { "alias": "series"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
11
11
|
}
|
|
@@ -1,13 +1,19 @@
|
|
|
1
1
|
import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
|
|
2
|
-
import { SkdxSizedBase, Candle } from '@skdx/angular-charts/internal';
|
|
2
|
+
import { SkdxSizedBase, Candle, AxisOptions, Reference } from '@skdx/angular-charts/internal';
|
|
3
3
|
import * as _angular_core from '@angular/core';
|
|
4
4
|
|
|
5
|
-
/**
|
|
5
|
+
/** Candles or OHLC bars on a time axis, with an optional volume pane, references, zoom and brush. */
|
|
6
6
|
declare class SkdxCandlestickChartComponent extends SkdxSizedBase {
|
|
7
7
|
readonly data: _angular_core.InputSignal<Candle[]>;
|
|
8
|
-
|
|
8
|
+
readonly scale: _angular_core.InputSignal<"linear" | "log" | undefined>;
|
|
9
|
+
readonly variant: _angular_core.InputSignal<"candlestick" | "ohlc" | undefined>;
|
|
10
|
+
readonly xAxis: _angular_core.InputSignal<Pick<AxisOptions, "format"> | undefined>;
|
|
11
|
+
readonly references: _angular_core.InputSignal<Reference[] | undefined>;
|
|
12
|
+
readonly brush: _angular_core.InputSignal<boolean>;
|
|
13
|
+
readonly crosshair: _angular_core.InputSignal<boolean>;
|
|
14
|
+
protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
|
|
9
15
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxCandlestickChartComponent, never>;
|
|
10
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxCandlestickChartComponent, "skdx-candlestick-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
16
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxCandlestickChartComponent, "skdx-candlestick-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "scale": { "alias": "scale"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "xAxis": { "alias": "xAxis"; "required": false; "isSignal": true; }; "references": { "alias": "references"; "required": false; "isSignal": true; }; "brush": { "alias": "brush"; "required": false; "isSignal": true; }; "crosshair": { "alias": "crosshair"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
11
17
|
}
|
|
12
18
|
|
|
13
19
|
export { SkdxCandlestickChartComponent };
|
|
@@ -2,12 +2,12 @@ import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
|
|
|
2
2
|
import { SkdxSizedBase } from '@skdx/angular-charts/internal';
|
|
3
3
|
import * as _angular_core from '@angular/core';
|
|
4
4
|
|
|
5
|
-
/**
|
|
5
|
+
/** Groups around a circle with ribbons for the flows between them. */
|
|
6
6
|
declare class SkdxChordChartComponent extends SkdxSizedBase {
|
|
7
7
|
readonly names: _angular_core.InputSignal<string[]>;
|
|
8
8
|
/** `matrix[i][j]` is the flow from `i` to `j`. */
|
|
9
9
|
readonly matrix: _angular_core.InputSignal<number[][]>;
|
|
10
|
-
protected readonly
|
|
10
|
+
protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
|
|
11
11
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxChordChartComponent, never>;
|
|
12
12
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxChordChartComponent, "skdx-chord-chart", never, { "names": { "alias": "names"; "required": true; "isSignal": true; }; "matrix": { "alias": "matrix"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
13
13
|
}
|
|
@@ -2,12 +2,14 @@ import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
|
|
|
2
2
|
import { SkdxSizedBase, Datum } from '@skdx/angular-charts/internal';
|
|
3
3
|
import * as _angular_core from '@angular/core';
|
|
4
4
|
|
|
5
|
-
/**
|
|
5
|
+
/** Stages narrowing with their value, or a pyramid; vertical or horizontal. */
|
|
6
6
|
declare class SkdxFunnelChartComponent extends SkdxSizedBase {
|
|
7
7
|
readonly data: _angular_core.InputSignal<Datum[]>;
|
|
8
|
-
|
|
8
|
+
readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal" | undefined>;
|
|
9
|
+
readonly variant: _angular_core.InputSignal<"funnel" | "pyramid" | undefined>;
|
|
10
|
+
protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
|
|
9
11
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxFunnelChartComponent, never>;
|
|
10
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxFunnelChartComponent, "skdx-funnel-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
12
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxFunnelChartComponent, "skdx-funnel-chart", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
11
13
|
}
|
|
12
14
|
|
|
13
15
|
export { SkdxFunnelChartComponent };
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
|
|
2
|
-
import { SkdxSizedBase, GanttTask } from '@skdx/angular-charts/internal';
|
|
2
|
+
import { SkdxSizedBase, GanttTask, Reference } from '@skdx/angular-charts/internal';
|
|
3
3
|
import * as _angular_core from '@angular/core';
|
|
4
4
|
|
|
5
|
-
/**
|
|
5
|
+
/** Intervals on a numeric time axis, one row per task or per `group`. */
|
|
6
6
|
declare class SkdxGanttChartComponent extends SkdxSizedBase {
|
|
7
7
|
readonly tasks: _angular_core.InputSignal<GanttTask[]>;
|
|
8
|
-
/**
|
|
9
|
-
readonly
|
|
10
|
-
protected readonly
|
|
8
|
+
/** Vertical lines and bands in time coordinates, e.g. today. */
|
|
9
|
+
readonly references: _angular_core.InputSignal<Reference[] | undefined>;
|
|
10
|
+
protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
|
|
11
11
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxGanttChartComponent, never>;
|
|
12
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxGanttChartComponent, "skdx-gantt-chart", never, { "tasks": { "alias": "tasks"; "required": true; "isSignal": true; }; "
|
|
12
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxGanttChartComponent, "skdx-gantt-chart", never, { "tasks": { "alias": "tasks"; "required": true; "isSignal": true; }; "references": { "alias": "references"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
export { SkdxGanttChartComponent };
|
|
@@ -1,25 +1,26 @@
|
|
|
1
1
|
import * as _skdx_angular_charts_internal from '@skdx/angular-charts/internal';
|
|
2
|
-
import { SkdxSizedBase } from '@skdx/angular-charts/internal';
|
|
2
|
+
import { SkdxSizedBase, Value, CalendarCell } from '@skdx/angular-charts/internal';
|
|
3
3
|
import * as _angular_core from '@angular/core';
|
|
4
4
|
|
|
5
|
-
/** A grid of cells whose opacity follows the value. */
|
|
5
|
+
/** A grid of cells whose opacity follows the value; `calendar` lays days out as weekday rows and week columns. */
|
|
6
6
|
declare class SkdxHeatmapComponent extends SkdxSizedBase {
|
|
7
|
-
readonly rows: _angular_core.InputSignal<string[]>;
|
|
8
|
-
readonly columns: _angular_core.InputSignal<string[]>;
|
|
7
|
+
readonly rows: _angular_core.InputSignal<string[] | undefined>;
|
|
8
|
+
readonly columns: _angular_core.InputSignal<string[] | undefined>;
|
|
9
9
|
/** `data[row][column]`. */
|
|
10
|
-
readonly data: _angular_core.InputSignal<
|
|
11
|
-
/**
|
|
10
|
+
readonly data: _angular_core.InputSignal<Value[][] | undefined>;
|
|
11
|
+
/** One value per day, instead of rows/columns/data. */
|
|
12
|
+
readonly calendar: _angular_core.InputSignal<CalendarCell[] | undefined>;
|
|
12
13
|
readonly color: _angular_core.InputSignal<string | undefined>;
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
protected readonly
|
|
14
|
+
/** Split around zero: negatives use `negativeColor`. */
|
|
15
|
+
readonly diverging: _angular_core.InputSignal<boolean>;
|
|
16
|
+
readonly negativeColor: _angular_core.InputSignal<string | undefined>;
|
|
17
|
+
/** Write each value in its cell. */
|
|
18
|
+
readonly labels: _angular_core.InputSignal<boolean>;
|
|
19
|
+
/** Value range the opacity ramp covers. */
|
|
20
|
+
readonly domain: _angular_core.InputSignal<[number, number] | undefined>;
|
|
21
|
+
protected readonly layout: _angular_core.Signal<_skdx_angular_charts_internal.Canvas>;
|
|
21
22
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SkdxHeatmapComponent, never>;
|
|
22
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxHeatmapComponent, "skdx-heatmap", never, { "rows": { "alias": "rows"; "required":
|
|
23
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SkdxHeatmapComponent, "skdx-heatmap", never, { "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "calendar": { "alias": "calendar"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "diverging": { "alias": "diverging"; "required": false; "isSignal": true; }; "negativeColor": { "alias": "negativeColor"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "domain": { "alias": "domain"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
23
24
|
}
|
|
24
25
|
|
|
25
26
|
export { SkdxHeatmapComponent };
|