@carbon/charts-angular 1.8.0 → 1.9.0-next.1.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 +12 -18
- package/esm2022/carbon-charts-angular.mjs +5 -0
- package/esm2022/index.mjs +14 -0
- package/esm2022/lib/charts/alluvial-chart.component.mjs +31 -0
- package/esm2022/lib/charts/area-chart-stacked.component.mjs +31 -0
- package/esm2022/lib/charts/area-chart.component.mjs +31 -0
- package/esm2022/lib/charts/bar-chart-grouped.component.mjs +31 -0
- package/esm2022/lib/charts/bar-chart-simple.component.mjs +31 -0
- package/esm2022/lib/charts/bar-chart-stacked.component.mjs +31 -0
- package/esm2022/lib/charts/base-chart.component.mjs +74 -0
- package/esm2022/lib/charts/boxplot-chart.component.mjs +31 -0
- package/esm2022/lib/charts/bubble-chart.component.mjs +31 -0
- package/esm2022/lib/charts/bullet-chart.component.mjs +31 -0
- package/esm2022/lib/charts/charts.module.mjs +122 -0
- package/esm2022/lib/charts/choropleth.component.mjs +31 -0
- package/esm2022/lib/charts/circle-pack-chart.component.mjs +31 -0
- package/esm2022/lib/charts/combo-chart.component.mjs +31 -0
- package/esm2022/lib/charts/donut-chart.component.mjs +31 -0
- package/esm2022/lib/charts/gauge-chart.component.mjs +31 -0
- package/esm2022/lib/charts/heatmap-chart.component.mjs +31 -0
- package/esm2022/lib/charts/histogram-chart.component.mjs +31 -0
- package/esm2022/lib/charts/index.mjs +28 -0
- package/esm2022/lib/charts/line-chart.component.mjs +31 -0
- package/esm2022/lib/charts/lollipop-chart.component.mjs +31 -0
- package/esm2022/lib/charts/meter-chart.component.mjs +31 -0
- package/esm2022/lib/charts/pie-chart.component.mjs +31 -0
- package/esm2022/lib/charts/radar-chart.component.mjs +31 -0
- package/esm2022/lib/charts/scatter-chart.component.mjs +31 -0
- package/esm2022/lib/charts/tree-chart.component.mjs +31 -0
- package/esm2022/lib/charts/treemap-chart.component.mjs +31 -0
- package/esm2022/lib/charts/wordcloud-chart.component.mjs +31 -0
- package/esm2022/lib/diagrams/config.mjs +2 -0
- package/esm2022/lib/diagrams/edges/edge.component.mjs +72 -0
- package/esm2022/lib/diagrams/edges/edge.module.mjs +19 -0
- package/esm2022/lib/diagrams/edges/marker/marker.component.mjs +154 -0
- package/esm2022/lib/diagrams/edges/marker/marker.module.mjs +47 -0
- package/esm2022/lib/diagrams/index.mjs +5 -0
- package/esm2022/lib/diagrams/nodes/cards/card-node-column.component.mjs +37 -0
- package/esm2022/lib/diagrams/nodes/cards/card-node-label.component.mjs +27 -0
- package/esm2022/lib/diagrams/nodes/cards/card-node-subtitle.component.mjs +27 -0
- package/esm2022/lib/diagrams/nodes/cards/card-node-title.component.mjs +27 -0
- package/esm2022/lib/diagrams/nodes/cards/card-node.component.mjs +190 -0
- package/esm2022/lib/diagrams/nodes/cards/card-node.module.mjs +43 -0
- package/esm2022/lib/diagrams/nodes/shape/shape-node.component.mjs +240 -0
- package/esm2022/lib/diagrams/nodes/shape/shape-node.module.mjs +19 -0
- package/esm2022/lib/index.mjs +3 -0
- package/fesm2022/carbon-charts-angular.mjs +1728 -0
- package/fesm2022/carbon-charts-angular.mjs.map +1 -0
- package/index.d.ts +5 -38
- package/lib/charts/alluvial-chart.component.d.ts +16 -0
- package/lib/charts/area-chart-stacked.component.d.ts +16 -0
- package/lib/charts/area-chart.component.d.ts +16 -0
- package/lib/charts/bar-chart-grouped.component.d.ts +16 -0
- package/lib/charts/bar-chart-simple.component.d.ts +16 -0
- package/lib/charts/bar-chart-stacked.component.d.ts +16 -0
- package/lib/charts/base-chart.component.d.ts +46 -0
- package/lib/charts/boxplot-chart.component.d.ts +16 -0
- package/lib/charts/bubble-chart.component.d.ts +16 -0
- package/lib/charts/bullet-chart.component.d.ts +16 -0
- package/lib/charts/charts.module.d.ts +33 -0
- package/lib/charts/choropleth.component.d.ts +16 -0
- package/lib/charts/circle-pack-chart.component.d.ts +16 -0
- package/lib/charts/combo-chart.component.d.ts +16 -0
- package/lib/charts/donut-chart.component.d.ts +16 -0
- package/lib/charts/gauge-chart.component.d.ts +16 -0
- package/lib/charts/heatmap-chart.component.d.ts +16 -0
- package/lib/charts/histogram-chart.component.d.ts +16 -0
- package/lib/charts/index.d.ts +27 -0
- package/lib/charts/line-chart.component.d.ts +16 -0
- package/lib/charts/lollipop-chart.component.d.ts +16 -0
- package/lib/charts/meter-chart.component.d.ts +16 -0
- package/lib/charts/pie-chart.component.d.ts +16 -0
- package/lib/charts/radar-chart.component.d.ts +16 -0
- package/lib/charts/scatter-chart.component.d.ts +16 -0
- package/lib/charts/tree-chart.component.d.ts +16 -0
- package/lib/charts/treemap-chart.component.d.ts +16 -0
- package/lib/charts/wordcloud-chart.component.d.ts +16 -0
- package/lib/diagrams/edges/edge.component.d.ts +20 -0
- package/lib/diagrams/edges/edge.module.d.ts +9 -0
- package/lib/diagrams/edges/marker/marker.component.d.ts +52 -0
- package/lib/diagrams/edges/marker/marker.module.d.ts +10 -0
- package/lib/diagrams/index.d.ts +4 -0
- package/lib/diagrams/nodes/cards/card-node-column.component.d.ts +7 -0
- package/lib/diagrams/nodes/cards/card-node-label.component.d.ts +6 -0
- package/lib/diagrams/nodes/cards/card-node-subtitle.component.d.ts +6 -0
- package/lib/diagrams/nodes/cards/card-node-title.component.d.ts +6 -0
- package/lib/diagrams/nodes/cards/card-node.component.d.ts +20 -0
- package/lib/diagrams/nodes/cards/card-node.module.d.ts +18 -0
- package/lib/diagrams/nodes/shape/shape-node.component.d.ts +25 -0
- package/lib/diagrams/nodes/shape/shape-node.module.d.ts +9 -0
- package/lib/index.d.ts +2 -0
- package/package.json +31 -62
- package/styles.css +6345 -0
- package/styles.css.map +1 -0
- package/styles.min.css +1 -0
- package/styles.min.css.map +1 -0
- package/alluvial-chart.component.d.ts +0 -13
- package/area-chart-stacked.component.d.ts +0 -13
- package/area-chart.component.d.ts +0 -13
- package/bar-chart-grouped.component.d.ts +0 -13
- package/bar-chart-simple.component.d.ts +0 -13
- package/bar-chart-stacked.component.d.ts +0 -13
- package/base-chart.component.d.ts +0 -44
- package/boxplot-chart.component.d.ts +0 -13
- package/bubble-chart.component.d.ts +0 -13
- package/bullet-chart.component.d.ts +0 -13
- package/bundles/carbon-charts-angular.umd.js +0 -2156
- package/bundles/carbon-charts-angular.umd.js.map +0 -1
- package/bundles/carbon-charts-angular.umd.min.js +0 -16
- package/bundles/carbon-charts-angular.umd.min.js.map +0 -1
- package/carbon-charts-angular.d.ts +0 -5
- package/carbon-charts-angular.metadata.json +0 -1
- package/charts.module.d.ts +0 -2
- package/choropleth.component.d.ts +0 -13
- package/circle-pack-chart.component.d.ts +0 -13
- package/combo-chart.component.d.ts +0 -13
- package/diagrams/card-node/card-node-column.component.d.ts +0 -4
- package/diagrams/card-node/card-node-label.component.d.ts +0 -3
- package/diagrams/card-node/card-node-subtitle.component.d.ts +0 -3
- package/diagrams/card-node/card-node-title.component.d.ts +0 -3
- package/diagrams/card-node/card-node.component.d.ts +0 -17
- package/diagrams/card-node/card-node.module.d.ts +0 -8
- package/diagrams/edge/edge.component.d.ts +0 -17
- package/diagrams/edge/edge.module.d.ts +0 -3
- package/diagrams/marker/marker.component.d.ts +0 -37
- package/diagrams/marker/marker.module.d.ts +0 -4
- package/diagrams/shape-node/shape-node.component.d.ts +0 -22
- package/diagrams/shape-node/shape-node.module.d.ts +0 -3
- package/donut-chart.component.d.ts +0 -13
- package/esm2015/alluvial-chart.component.js +0 -33
- package/esm2015/area-chart-stacked.component.js +0 -33
- package/esm2015/area-chart.component.js +0 -36
- package/esm2015/bar-chart-grouped.component.js +0 -33
- package/esm2015/bar-chart-simple.component.js +0 -33
- package/esm2015/bar-chart-stacked.component.js +0 -33
- package/esm2015/base-chart.component.js +0 -137
- package/esm2015/boxplot-chart.component.js +0 -33
- package/esm2015/bubble-chart.component.js +0 -33
- package/esm2015/bullet-chart.component.js +0 -33
- package/esm2015/carbon-charts-angular.js +0 -11
- package/esm2015/charts.module.js +0 -97
- package/esm2015/choropleth.component.js +0 -33
- package/esm2015/circle-pack-chart.component.js +0 -33
- package/esm2015/combo-chart.component.js +0 -33
- package/esm2015/diagrams/card-node/card-node-column.component.js +0 -41
- package/esm2015/diagrams/card-node/card-node-label.component.js +0 -27
- package/esm2015/diagrams/card-node/card-node-subtitle.component.js +0 -27
- package/esm2015/diagrams/card-node/card-node-title.component.js +0 -27
- package/esm2015/diagrams/card-node/card-node.component.js +0 -148
- package/esm2015/diagrams/card-node/card-node.module.js +0 -23
- package/esm2015/diagrams/configs.js +0 -8
- package/esm2015/diagrams/edge/edge.component.js +0 -80
- package/esm2015/diagrams/edge/edge.module.js +0 -19
- package/esm2015/diagrams/marker/marker.component.js +0 -141
- package/esm2015/diagrams/marker/marker.module.js +0 -35
- package/esm2015/diagrams/shape-node/shape-node.component.js +0 -187
- package/esm2015/diagrams/shape-node/shape-node.module.js +0 -19
- package/esm2015/donut-chart.component.js +0 -33
- package/esm2015/gauge-chart.component.js +0 -33
- package/esm2015/heatmap-chart.component.js +0 -33
- package/esm2015/histogram-chart.component.js +0 -33
- package/esm2015/index.js +0 -45
- package/esm2015/line-chart.component.js +0 -33
- package/esm2015/lollipop-chart.component.js +0 -33
- package/esm2015/meter-chart.component.js +0 -33
- package/esm2015/pie-chart.component.js +0 -33
- package/esm2015/radar-chart.component.js +0 -33
- package/esm2015/scatter-chart.component.js +0 -33
- package/esm2015/tree-chart.component.js +0 -33
- package/esm2015/treemap-chart.component.js +0 -33
- package/esm2015/wordcloud-chart.component.js +0 -33
- package/esm5/alluvial-chart.component.js +0 -47
- package/esm5/area-chart-stacked.component.js +0 -47
- package/esm5/area-chart.component.js +0 -47
- package/esm5/bar-chart-grouped.component.js +0 -47
- package/esm5/bar-chart-simple.component.js +0 -47
- package/esm5/bar-chart-stacked.component.js +0 -47
- package/esm5/base-chart.component.js +0 -160
- package/esm5/boxplot-chart.component.js +0 -47
- package/esm5/bubble-chart.component.js +0 -47
- package/esm5/bullet-chart.component.js +0 -47
- package/esm5/carbon-charts-angular.js +0 -11
- package/esm5/charts.module.js +0 -101
- package/esm5/choropleth.component.js +0 -47
- package/esm5/circle-pack-chart.component.js +0 -47
- package/esm5/combo-chart.component.js +0 -47
- package/esm5/diagrams/card-node/card-node-column.component.js +0 -43
- package/esm5/diagrams/card-node/card-node-label.component.js +0 -25
- package/esm5/diagrams/card-node/card-node-subtitle.component.js +0 -25
- package/esm5/diagrams/card-node/card-node-title.component.js +0 -25
- package/esm5/diagrams/card-node/card-node.component.js +0 -86
- package/esm5/diagrams/card-node/card-node.module.js +0 -27
- package/esm5/diagrams/configs.js +0 -8
- package/esm5/diagrams/edge/edge.component.js +0 -64
- package/esm5/diagrams/edge/edge.module.js +0 -23
- package/esm5/diagrams/marker/marker.component.js +0 -188
- package/esm5/diagrams/marker/marker.module.js +0 -39
- package/esm5/diagrams/shape-node/shape-node.component.js +0 -104
- package/esm5/diagrams/shape-node/shape-node.module.js +0 -23
- package/esm5/donut-chart.component.js +0 -47
- package/esm5/gauge-chart.component.js +0 -47
- package/esm5/heatmap-chart.component.js +0 -47
- package/esm5/histogram-chart.component.js +0 -47
- package/esm5/index.js +0 -45
- package/esm5/line-chart.component.js +0 -47
- package/esm5/lollipop-chart.component.js +0 -47
- package/esm5/meter-chart.component.js +0 -47
- package/esm5/pie-chart.component.js +0 -47
- package/esm5/radar-chart.component.js +0 -47
- package/esm5/scatter-chart.component.js +0 -47
- package/esm5/tree-chart.component.js +0 -47
- package/esm5/treemap-chart.component.js +0 -47
- package/esm5/wordcloud-chart.component.js +0 -47
- package/fesm2015/carbon-charts-angular.js +0 -1722
- package/fesm2015/carbon-charts-angular.js.map +0 -1
- package/fesm5/carbon-charts-angular.js +0 -1924
- package/fesm5/carbon-charts-angular.js.map +0 -1
- package/gauge-chart.component.d.ts +0 -13
- package/heatmap-chart.component.d.ts +0 -13
- package/histogram-chart.component.d.ts +0 -13
- package/line-chart.component.d.ts +0 -13
- package/lollipop-chart.component.d.ts +0 -13
- package/meter-chart.component.d.ts +0 -13
- package/pie-chart.component.d.ts +0 -13
- package/radar-chart.component.d.ts +0 -13
- package/scatter-chart.component.d.ts +0 -13
- package/tree-chart.component.d.ts +0 -13
- package/treemap-chart.component.d.ts +0 -13
- package/wordcloud-chart.component.d.ts +0 -13
- /package/{diagrams/configs.d.ts → lib/diagrams/config.d.ts} +0 -0
package/README.md
CHANGED
|
@@ -1,34 +1,31 @@
|
|
|
1
|
-
#
|
|
1
|
+
# Carbon Charts Angular
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
Carbon Charts Angular is a thin Angular wrapper around the vanilla JavaScript `@carbon/charts` component library. This prerelease is an Ivy distribution for Angular 14 and higher and uses TypeScript 5.
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
The required styles should be imported from `@carbon/charts-angular/styles.css` and `@carbon/styles/css/styles.css`. Additional documentation is provided in the Storybook demos.
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
If you need support for older versions of Angular (or encounter problems with this module), please revert to `@carbon/charts-angular@latest`.
|
|
8
8
|
|
|
9
9
|
**[Storybook demos](https://carbon-design-system.github.io/carbon-charts/angular)**
|
|
10
10
|
|
|
11
11
|
**[Storybook demo sources](https://github.com/carbon-design-system/carbon-charts/tree/master/packages/core/demo/data)**
|
|
12
12
|
|
|
13
|
-
**[Angular 13 example](https://github.com/nstuyvesant/carbon-charts-angular-13)**
|
|
14
|
-
|
|
15
13
|
## Getting started
|
|
16
14
|
|
|
17
15
|
Run the following command using [npm](https://www.npmjs.com/):
|
|
18
16
|
|
|
19
17
|
```bash
|
|
20
|
-
npm install -S @carbon/charts @carbon/
|
|
18
|
+
npm install -S @carbon/charts-angular@next @carbon/styles d3
|
|
21
19
|
```
|
|
22
20
|
|
|
23
21
|
If you prefer [Yarn](https://yarnpkg.com/en/), use the following command
|
|
24
22
|
instead:
|
|
25
23
|
|
|
26
24
|
```bash
|
|
27
|
-
yarn add @carbon/charts @carbon/
|
|
25
|
+
yarn add @carbon/charts-angular@next @carbon/styles d3
|
|
28
26
|
```
|
|
29
27
|
|
|
30
|
-
**Note:**
|
|
31
|
-
bundled version of the library.
|
|
28
|
+
**Note:** You will need to install `carbon-components` if you're not using a bundled version of this library.
|
|
32
29
|
|
|
33
30
|
## Step-by-step instructions
|
|
34
31
|
|
|
@@ -37,19 +34,16 @@ Read
|
|
|
37
34
|
|
|
38
35
|
## Charting data & options
|
|
39
36
|
|
|
40
|
-
Although we will
|
|
41
|
-
shipping new components such as maps, Data and options follow the same model in
|
|
42
|
-
all charts, with minor exceptions and differences in specific components.
|
|
37
|
+
Although we will introduce new models in the future as we start
|
|
38
|
+
shipping new components such as maps, Data and options follow the same model in all charts, with minor exceptions and differences in specific components.
|
|
43
39
|
|
|
44
|
-
For instance in the case of a donut chart you're able to pass in an additional
|
|
45
|
-
field called `center` in your options configuring the donut center.
|
|
40
|
+
For instance, in the case of a donut chart, you're able to pass in an additional field called `center` in your options configuring the donut center.
|
|
46
41
|
|
|
47
42
|
For instructions on using the **tabular data format**, see
|
|
48
43
|
[here](https://carbon-design-system.github.io/carbon-charts/?path=/story/docs-tutorials--tabular-data-format)
|
|
49
44
|
|
|
50
|
-
There are
|
|
51
|
-
used,
|
|
52
|
-
[see our demo examples here](https://github.com/carbon-design-system/carbon-charts/tree/master/packages/core/demo/data).
|
|
45
|
+
There are additional options available depending on the chart type being
|
|
46
|
+
used, [see our demo examples here](https://github.com/carbon-design-system/carbon-charts/tree/master/packages/core/demo/data).
|
|
53
47
|
|
|
54
48
|
Customizable options (specific to chart type) can be found
|
|
55
49
|
[here](https://carbon-design-system.github.io/carbon-charts/documentation/modules/_interfaces_charts_.html)
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './index';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyYm9uLWNoYXJ0cy1hbmd1bGFyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NhcmJvbi1jaGFydHMtYW5ndWxhci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Public API Surface of charts-angular
|
|
3
|
+
*/
|
|
4
|
+
export {
|
|
5
|
+
// charts
|
|
6
|
+
AlluvialChartComponent, AreaChartComponent, BaseChartComponent, BoxplotChartComponent, BubbleChartComponent, BulletChartComponent, ChartsModule, // <-- Module
|
|
7
|
+
CirclePackChartComponent, ComboChartComponent, DonutChartComponent, ExperimentalChoroplethChartComponent, GaugeChartComponent, GroupedBarChartComponent, HeatmapChartComponent, HistogramChartComponent, LineChartComponent, LollipopChartComponent, MeterChartComponent, PieChartComponent, RadarChartComponent, ScatterChartComponent, SimpleBarChartComponent, StackedAreaChartComponent, StackedBarChartComponent, TreeChartComponent, TreemapChartComponent, WordCloudChartComponent,
|
|
8
|
+
// diagrams
|
|
9
|
+
CardNodeColumnComponent, CardNodeComponent, CardNodeLabelComponent, CardNodeSubtitleComponent, CardNodeTitleComponent, CardNodeModule, // <-- Module
|
|
10
|
+
EdgeComponent, EdgeModule, // <-- Module
|
|
11
|
+
MarkerArrowLeftComponent, MarkerArrowRightComponent, MarkerComponent, MarkerDiamondComponent, MarkerModule, // <-- Module
|
|
12
|
+
MarkerShapeNodeComponent, MarkerSquareComponent, MarkerTeeComponent, ShapeNodeComponent, ShapeNodeModule // <-- Module
|
|
13
|
+
} from './lib';
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxPQUFPO0FBQ04sU0FBUztBQUNULHNCQUFzQixFQUN0QixrQkFBa0IsRUFDbEIsa0JBQWtCLEVBQ2xCLHFCQUFxQixFQUNyQixvQkFBb0IsRUFDcEIsb0JBQW9CLEVBQ3BCLFlBQVksRUFBRSxhQUFhO0FBQzNCLHdCQUF3QixFQUN4QixtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLG9DQUFvQyxFQUNwQyxtQkFBbUIsRUFDbkIsd0JBQXdCLEVBQ3hCLHFCQUFxQixFQUNyQix1QkFBdUIsRUFDdkIsa0JBQWtCLEVBQ2xCLHNCQUFzQixFQUN0QixtQkFBbUIsRUFDbkIsaUJBQWlCLEVBQ2pCLG1CQUFtQixFQUNuQixxQkFBcUIsRUFDckIsdUJBQXVCLEVBQ3ZCLHlCQUF5QixFQUN6Qix3QkFBd0IsRUFDeEIsa0JBQWtCLEVBQ2xCLHFCQUFxQixFQUNyQix1QkFBdUI7QUFDdkIsV0FBVztBQUNYLHVCQUF1QixFQUN2QixpQkFBaUIsRUFDakIsc0JBQXNCLEVBQ3RCLHlCQUF5QixFQUN6QixzQkFBc0IsRUFDdEIsY0FBYyxFQUFFLGFBQWE7QUFDN0IsYUFBYSxFQUNiLFVBQVUsRUFBRSxhQUFhO0FBQ3pCLHdCQUF3QixFQUN4Qix5QkFBeUIsRUFDekIsZUFBZSxFQUNmLHNCQUFzQixFQUN0QixZQUFZLEVBQUUsYUFBYTtBQUMzQix3QkFBd0IsRUFDeEIscUJBQXFCLEVBQ3JCLGtCQUFrQixFQUNsQixrQkFBa0IsRUFDbEIsZUFBZSxDQUFDLGFBQWE7RUFDN0IsTUFBTSxPQUFPLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGNoYXJ0cy1hbmd1bGFyXG4gKi9cblxuZXhwb3J0IHtcblx0Ly8gY2hhcnRzXG5cdEFsbHV2aWFsQ2hhcnRDb21wb25lbnQsXG5cdEFyZWFDaGFydENvbXBvbmVudCxcblx0QmFzZUNoYXJ0Q29tcG9uZW50LFxuXHRCb3hwbG90Q2hhcnRDb21wb25lbnQsXG5cdEJ1YmJsZUNoYXJ0Q29tcG9uZW50LFxuXHRCdWxsZXRDaGFydENvbXBvbmVudCxcblx0Q2hhcnRzTW9kdWxlLCAvLyA8LS0gTW9kdWxlXG5cdENpcmNsZVBhY2tDaGFydENvbXBvbmVudCxcblx0Q29tYm9DaGFydENvbXBvbmVudCxcblx0RG9udXRDaGFydENvbXBvbmVudCxcblx0RXhwZXJpbWVudGFsQ2hvcm9wbGV0aENoYXJ0Q29tcG9uZW50LFxuXHRHYXVnZUNoYXJ0Q29tcG9uZW50LFxuXHRHcm91cGVkQmFyQ2hhcnRDb21wb25lbnQsXG5cdEhlYXRtYXBDaGFydENvbXBvbmVudCxcblx0SGlzdG9ncmFtQ2hhcnRDb21wb25lbnQsXG5cdExpbmVDaGFydENvbXBvbmVudCxcblx0TG9sbGlwb3BDaGFydENvbXBvbmVudCxcblx0TWV0ZXJDaGFydENvbXBvbmVudCxcblx0UGllQ2hhcnRDb21wb25lbnQsXG5cdFJhZGFyQ2hhcnRDb21wb25lbnQsXG5cdFNjYXR0ZXJDaGFydENvbXBvbmVudCxcblx0U2ltcGxlQmFyQ2hhcnRDb21wb25lbnQsXG5cdFN0YWNrZWRBcmVhQ2hhcnRDb21wb25lbnQsXG5cdFN0YWNrZWRCYXJDaGFydENvbXBvbmVudCxcblx0VHJlZUNoYXJ0Q29tcG9uZW50LFxuXHRUcmVlbWFwQ2hhcnRDb21wb25lbnQsXG5cdFdvcmRDbG91ZENoYXJ0Q29tcG9uZW50LFxuXHQvLyBkaWFncmFtc1xuXHRDYXJkTm9kZUNvbHVtbkNvbXBvbmVudCxcblx0Q2FyZE5vZGVDb21wb25lbnQsXG5cdENhcmROb2RlTGFiZWxDb21wb25lbnQsXG5cdENhcmROb2RlU3VidGl0bGVDb21wb25lbnQsXG5cdENhcmROb2RlVGl0bGVDb21wb25lbnQsXG5cdENhcmROb2RlTW9kdWxlLCAvLyA8LS0gTW9kdWxlXG5cdEVkZ2VDb21wb25lbnQsXG5cdEVkZ2VNb2R1bGUsIC8vIDwtLSBNb2R1bGVcblx0TWFya2VyQXJyb3dMZWZ0Q29tcG9uZW50LFxuXHRNYXJrZXJBcnJvd1JpZ2h0Q29tcG9uZW50LFxuXHRNYXJrZXJDb21wb25lbnQsXG5cdE1hcmtlckRpYW1vbmRDb21wb25lbnQsXG5cdE1hcmtlck1vZHVsZSwgLy8gPC0tIE1vZHVsZVxuXHRNYXJrZXJTaGFwZU5vZGVDb21wb25lbnQsXG5cdE1hcmtlclNxdWFyZUNvbXBvbmVudCxcblx0TWFya2VyVGVlQ29tcG9uZW50LFxuXHRTaGFwZU5vZGVDb21wb25lbnQsXG5cdFNoYXBlTm9kZU1vZHVsZSAvLyA8LS0gTW9kdWxlXG59IGZyb20gJy4vbGliJ1xuIl19
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { BaseChartComponent } from './base-chart.component';
|
|
3
|
+
import { AlluvialChart as AlluvialChartCore } from '@carbon/charts';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* Wrapper around `Alluvial` in carbon charts library
|
|
7
|
+
*
|
|
8
|
+
* Most functions just call their equivalent from the chart library.
|
|
9
|
+
*/
|
|
10
|
+
export class AlluvialChartComponent extends BaseChartComponent {
|
|
11
|
+
/**
|
|
12
|
+
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
13
|
+
*/
|
|
14
|
+
ngAfterViewInit() {
|
|
15
|
+
this.chart = new AlluvialChartCore(this.elementRef.nativeElement, {
|
|
16
|
+
data: this.data,
|
|
17
|
+
options: this.options
|
|
18
|
+
});
|
|
19
|
+
Object.assign(this, this.chart);
|
|
20
|
+
}
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: AlluvialChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: AlluvialChartComponent, selector: "ibm-alluvial-chart", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: AlluvialChartComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{
|
|
27
|
+
selector: 'ibm-alluvial-chart',
|
|
28
|
+
template: ``
|
|
29
|
+
}]
|
|
30
|
+
}] });
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxsdXZpYWwtY2hhcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9jaGFydHMvYWxsdXZpYWwtY2hhcnQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWlCLE1BQU0sZUFBZSxDQUFBO0FBQ3hELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQzNELE9BQU8sRUFDTixhQUFhLElBQUksaUJBQWlCLEVBR2xDLE1BQU0sZ0JBQWdCLENBQUE7O0FBRXZCOzs7O0dBSUc7QUFLSCxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsa0JBQWtCO0lBQzdEOztPQUVHO0lBQ00sZUFBZTtRQUN2QixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksaUJBQWlCLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUU7WUFDakUsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUF3QjtZQUNuQyxPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQStCO1NBQzdDLENBQUMsQ0FBQTtRQUVGLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNoQyxDQUFDOzhHQVhXLHNCQUFzQjtrR0FBdEIsc0JBQXNCLGlGQUZ4QixFQUFFOzsyRkFFQSxzQkFBc0I7a0JBSmxDLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLG9CQUFvQjtvQkFDOUIsUUFBUSxFQUFFLEVBQUU7aUJBQ1oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEFmdGVyVmlld0luaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgQmFzZUNoYXJ0Q29tcG9uZW50IH0gZnJvbSAnLi9iYXNlLWNoYXJ0LmNvbXBvbmVudCdcbmltcG9ydCB7XG5cdEFsbHV2aWFsQ2hhcnQgYXMgQWxsdXZpYWxDaGFydENvcmUsXG5cdHR5cGUgQWxsdXZpYWxDaGFydE9wdGlvbnMsXG5cdHR5cGUgQ2hhcnRUYWJ1bGFyRGF0YVxufSBmcm9tICdAY2FyYm9uL2NoYXJ0cydcblxuLyoqXG4gKiBXcmFwcGVyIGFyb3VuZCBgQWxsdXZpYWxgIGluIGNhcmJvbiBjaGFydHMgbGlicmFyeVxuICpcbiAqIE1vc3QgZnVuY3Rpb25zIGp1c3QgY2FsbCB0aGVpciBlcXVpdmFsZW50IGZyb20gdGhlIGNoYXJ0IGxpYnJhcnkuXG4gKi9cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ2libS1hbGx1dmlhbC1jaGFydCcsXG5cdHRlbXBsYXRlOiBgYFxufSlcbmV4cG9ydCBjbGFzcyBBbGx1dmlhbENoYXJ0Q29tcG9uZW50IGV4dGVuZHMgQmFzZUNoYXJ0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG5cdC8qKlxuXHQgKiBSdW5zIGFmdGVyIHZpZXcgaW5pdCB0byBjcmVhdGUgYSBjaGFydCwgYXR0YWNoIGl0IHRvIGBlbGVtZW50UmVmYCBhbmQgZHJhdyBpdC5cblx0ICovXG5cdG92ZXJyaWRlIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcblx0XHR0aGlzLmNoYXJ0ID0gbmV3IEFsbHV2aWFsQ2hhcnRDb3JlKHRoaXMuZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LCB7XG5cdFx0XHRkYXRhOiB0aGlzLmRhdGEgYXMgQ2hhcnRUYWJ1bGFyRGF0YSxcblx0XHRcdG9wdGlvbnM6IHRoaXMub3B0aW9ucyBhcyBBbGx1dmlhbENoYXJ0T3B0aW9uc1xuXHRcdH0pXG5cblx0XHRPYmplY3QuYXNzaWduKHRoaXMsIHRoaXMuY2hhcnQpXG5cdH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { BaseChartComponent } from './base-chart.component';
|
|
3
|
+
import { StackedAreaChart as StackedAreaChartCore } from '@carbon/charts';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* Wrapper around `StackedAreaChart` in carbon charts library
|
|
7
|
+
*
|
|
8
|
+
* Most functions just call their equivalent from the chart library.
|
|
9
|
+
*/
|
|
10
|
+
export class StackedAreaChartComponent extends BaseChartComponent {
|
|
11
|
+
/**
|
|
12
|
+
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
13
|
+
*/
|
|
14
|
+
ngAfterViewInit() {
|
|
15
|
+
this.chart = new StackedAreaChartCore(this.elementRef.nativeElement, {
|
|
16
|
+
data: this.data,
|
|
17
|
+
options: this.options
|
|
18
|
+
});
|
|
19
|
+
Object.assign(this, this.chart);
|
|
20
|
+
}
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: StackedAreaChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: StackedAreaChartComponent, selector: "ibm-stacked-area-chart", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: StackedAreaChartComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{
|
|
27
|
+
selector: 'ibm-stacked-area-chart',
|
|
28
|
+
template: ``
|
|
29
|
+
}]
|
|
30
|
+
}] });
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJlYS1jaGFydC1zdGFja2VkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvY2hhcnRzL2FyZWEtY2hhcnQtc3RhY2tlZC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBaUIsTUFBTSxlQUFlLENBQUE7QUFDeEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDM0QsT0FBTyxFQUNOLGdCQUFnQixJQUFJLG9CQUFvQixFQUd4QyxNQUFNLGdCQUFnQixDQUFBOztBQUV2Qjs7OztHQUlHO0FBS0gsTUFBTSxPQUFPLHlCQUEwQixTQUFRLGtCQUFrQjtJQUNoRTs7T0FFRztJQUNNLGVBQWU7UUFDdkIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLG9CQUFvQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFO1lBQ3BFLElBQUksRUFBRSxJQUFJLENBQUMsSUFBd0I7WUFDbkMsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFrQztTQUNoRCxDQUFDLENBQUE7UUFFRixNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDaEMsQ0FBQzs4R0FYVyx5QkFBeUI7a0dBQXpCLHlCQUF5QixxRkFGM0IsRUFBRTs7MkZBRUEseUJBQXlCO2tCQUpyQyxTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSx3QkFBd0I7b0JBQ2xDLFFBQVEsRUFBRSxFQUFFO2lCQUNaIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBBZnRlclZpZXdJbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IEJhc2VDaGFydENvbXBvbmVudCB9IGZyb20gJy4vYmFzZS1jaGFydC5jb21wb25lbnQnXG5pbXBvcnQge1xuXHRTdGFja2VkQXJlYUNoYXJ0IGFzIFN0YWNrZWRBcmVhQ2hhcnRDb3JlLFxuXHR0eXBlIFN0YWNrZWRBcmVhQ2hhcnRPcHRpb25zLFxuXHR0eXBlIENoYXJ0VGFidWxhckRhdGFcbn0gZnJvbSAnQGNhcmJvbi9jaGFydHMnXG5cbi8qKlxuICogV3JhcHBlciBhcm91bmQgYFN0YWNrZWRBcmVhQ2hhcnRgIGluIGNhcmJvbiBjaGFydHMgbGlicmFyeVxuICpcbiAqIE1vc3QgZnVuY3Rpb25zIGp1c3QgY2FsbCB0aGVpciBlcXVpdmFsZW50IGZyb20gdGhlIGNoYXJ0IGxpYnJhcnkuXG4gKi9cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ2libS1zdGFja2VkLWFyZWEtY2hhcnQnLFxuXHR0ZW1wbGF0ZTogYGBcbn0pXG5leHBvcnQgY2xhc3MgU3RhY2tlZEFyZWFDaGFydENvbXBvbmVudCBleHRlbmRzIEJhc2VDaGFydENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuXHQvKipcblx0ICogUnVucyBhZnRlciB2aWV3IGluaXQgdG8gY3JlYXRlIGEgY2hhcnQsIGF0dGFjaCBpdCB0byBgZWxlbWVudFJlZmAgYW5kIGRyYXcgaXQuXG5cdCAqL1xuXHRvdmVycmlkZSBuZ0FmdGVyVmlld0luaXQoKSB7XG5cdFx0dGhpcy5jaGFydCA9IG5ldyBTdGFja2VkQXJlYUNoYXJ0Q29yZSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwge1xuXHRcdFx0ZGF0YTogdGhpcy5kYXRhIGFzIENoYXJ0VGFidWxhckRhdGEsXG5cdFx0XHRvcHRpb25zOiB0aGlzLm9wdGlvbnMgYXMgU3RhY2tlZEFyZWFDaGFydE9wdGlvbnNcblx0XHR9KVxuXG5cdFx0T2JqZWN0LmFzc2lnbih0aGlzLCB0aGlzLmNoYXJ0KVxuXHR9XG59XG4iXX0=
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { BaseChartComponent } from './base-chart.component';
|
|
3
|
+
import { AreaChart as AreaChartCore } from '@carbon/charts';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* Wrapper around `AreaChart` in carbon charts library
|
|
7
|
+
*
|
|
8
|
+
* Most functions just call their equivalent from the chart library.
|
|
9
|
+
*/
|
|
10
|
+
export class AreaChartComponent extends BaseChartComponent {
|
|
11
|
+
/**
|
|
12
|
+
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
13
|
+
*/
|
|
14
|
+
ngAfterViewInit() {
|
|
15
|
+
this.chart = new AreaChartCore(this.elementRef.nativeElement, {
|
|
16
|
+
data: this.data,
|
|
17
|
+
options: this.options
|
|
18
|
+
});
|
|
19
|
+
Object.assign(this, this.chart);
|
|
20
|
+
}
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: AreaChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: AreaChartComponent, selector: "ibm-area-chart", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: AreaChartComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{
|
|
27
|
+
selector: 'ibm-area-chart',
|
|
28
|
+
template: ``
|
|
29
|
+
}]
|
|
30
|
+
}] });
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXJlYS1jaGFydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NoYXJ0cy9hcmVhLWNoYXJ0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFpQixNQUFNLGVBQWUsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUMzRCxPQUFPLEVBQ04sU0FBUyxJQUFJLGFBQWEsRUFHMUIsTUFBTSxnQkFBZ0IsQ0FBQTs7QUFFdkI7Ozs7R0FJRztBQUtILE1BQU0sT0FBTyxrQkFBbUIsU0FBUSxrQkFBa0I7SUFDekQ7O09BRUc7SUFDTSxlQUFlO1FBQ3ZCLElBQUksQ0FBQyxLQUFLLEdBQUcsSUFBSSxhQUFhLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUU7WUFDN0QsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUF3QjtZQUNuQyxPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQTJCO1NBQ3pDLENBQUMsQ0FBQTtRQUVGLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNoQyxDQUFDOzhHQVhXLGtCQUFrQjtrR0FBbEIsa0JBQWtCLDZFQUZwQixFQUFFOzsyRkFFQSxrQkFBa0I7a0JBSjlCLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLGdCQUFnQjtvQkFDMUIsUUFBUSxFQUFFLEVBQUU7aUJBQ1oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEFmdGVyVmlld0luaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgQmFzZUNoYXJ0Q29tcG9uZW50IH0gZnJvbSAnLi9iYXNlLWNoYXJ0LmNvbXBvbmVudCdcbmltcG9ydCB7XG5cdEFyZWFDaGFydCBhcyBBcmVhQ2hhcnRDb3JlLFxuXHR0eXBlIEFyZWFDaGFydE9wdGlvbnMsXG5cdHR5cGUgQ2hhcnRUYWJ1bGFyRGF0YVxufSBmcm9tICdAY2FyYm9uL2NoYXJ0cydcblxuLyoqXG4gKiBXcmFwcGVyIGFyb3VuZCBgQXJlYUNoYXJ0YCBpbiBjYXJib24gY2hhcnRzIGxpYnJhcnlcbiAqXG4gKiBNb3N0IGZ1bmN0aW9ucyBqdXN0IGNhbGwgdGhlaXIgZXF1aXZhbGVudCBmcm9tIHRoZSBjaGFydCBsaWJyYXJ5LlxuICovXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdpYm0tYXJlYS1jaGFydCcsXG5cdHRlbXBsYXRlOiBgYFxufSlcbmV4cG9ydCBjbGFzcyBBcmVhQ2hhcnRDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ2hhcnRDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcblx0LyoqXG5cdCAqIFJ1bnMgYWZ0ZXIgdmlldyBpbml0IHRvIGNyZWF0ZSBhIGNoYXJ0LCBhdHRhY2ggaXQgdG8gYGVsZW1lbnRSZWZgIGFuZCBkcmF3IGl0LlxuXHQgKi9cblx0b3ZlcnJpZGUgbmdBZnRlclZpZXdJbml0KCkge1xuXHRcdHRoaXMuY2hhcnQgPSBuZXcgQXJlYUNoYXJ0Q29yZSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwge1xuXHRcdFx0ZGF0YTogdGhpcy5kYXRhIGFzIENoYXJ0VGFidWxhckRhdGEsXG5cdFx0XHRvcHRpb25zOiB0aGlzLm9wdGlvbnMgYXMgQXJlYUNoYXJ0T3B0aW9uc1xuXHRcdH0pXG5cblx0XHRPYmplY3QuYXNzaWduKHRoaXMsIHRoaXMuY2hhcnQpXG5cdH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { BaseChartComponent } from './base-chart.component';
|
|
3
|
+
import { GroupedBarChart as GroupedBarChartCore } from '@carbon/charts';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* Wrapper around `GroupedBarChart` in carbon charts library
|
|
7
|
+
*
|
|
8
|
+
* Most functions just call their equivalent from the chart library.
|
|
9
|
+
*/
|
|
10
|
+
export class GroupedBarChartComponent extends BaseChartComponent {
|
|
11
|
+
/**
|
|
12
|
+
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
13
|
+
*/
|
|
14
|
+
ngAfterViewInit() {
|
|
15
|
+
this.chart = new GroupedBarChartCore(this.elementRef.nativeElement, {
|
|
16
|
+
data: this.data,
|
|
17
|
+
options: this.options
|
|
18
|
+
});
|
|
19
|
+
Object.assign(this, this.chart);
|
|
20
|
+
}
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: GroupedBarChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: GroupedBarChartComponent, selector: "ibm-grouped-bar-chart", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: GroupedBarChartComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{
|
|
27
|
+
selector: 'ibm-grouped-bar-chart',
|
|
28
|
+
template: ``
|
|
29
|
+
}]
|
|
30
|
+
}] });
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyLWNoYXJ0LWdyb3VwZWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9jaGFydHMvYmFyLWNoYXJ0LWdyb3VwZWQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWlCLE1BQU0sZUFBZSxDQUFBO0FBQ3hELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQzNELE9BQU8sRUFDTixlQUFlLElBQUksbUJBQW1CLEVBR3RDLE1BQU0sZ0JBQWdCLENBQUE7O0FBRXZCOzs7O0dBSUc7QUFLSCxNQUFNLE9BQU8sd0JBQXlCLFNBQVEsa0JBQWtCO0lBQy9EOztPQUVHO0lBQ00sZUFBZTtRQUN2QixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksbUJBQW1CLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUU7WUFDbkUsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUF3QjtZQUNuQyxPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQTBCO1NBQ3hDLENBQUMsQ0FBQTtRQUVGLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNoQyxDQUFDOzhHQVhXLHdCQUF3QjtrR0FBeEIsd0JBQXdCLG9GQUYxQixFQUFFOzsyRkFFQSx3QkFBd0I7a0JBSnBDLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLHVCQUF1QjtvQkFDakMsUUFBUSxFQUFFLEVBQUU7aUJBQ1oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEFmdGVyVmlld0luaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgQmFzZUNoYXJ0Q29tcG9uZW50IH0gZnJvbSAnLi9iYXNlLWNoYXJ0LmNvbXBvbmVudCdcbmltcG9ydCB7XG5cdEdyb3VwZWRCYXJDaGFydCBhcyBHcm91cGVkQmFyQ2hhcnRDb3JlLFxuXHR0eXBlIENoYXJ0VGFidWxhckRhdGEsXG5cdHR5cGUgQmFyQ2hhcnRPcHRpb25zXG59IGZyb20gJ0BjYXJib24vY2hhcnRzJ1xuXG4vKipcbiAqIFdyYXBwZXIgYXJvdW5kIGBHcm91cGVkQmFyQ2hhcnRgIGluIGNhcmJvbiBjaGFydHMgbGlicmFyeVxuICpcbiAqIE1vc3QgZnVuY3Rpb25zIGp1c3QgY2FsbCB0aGVpciBlcXVpdmFsZW50IGZyb20gdGhlIGNoYXJ0IGxpYnJhcnkuXG4gKi9cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ2libS1ncm91cGVkLWJhci1jaGFydCcsXG5cdHRlbXBsYXRlOiBgYFxufSlcbmV4cG9ydCBjbGFzcyBHcm91cGVkQmFyQ2hhcnRDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ2hhcnRDb21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcblx0LyoqXG5cdCAqIFJ1bnMgYWZ0ZXIgdmlldyBpbml0IHRvIGNyZWF0ZSBhIGNoYXJ0LCBhdHRhY2ggaXQgdG8gYGVsZW1lbnRSZWZgIGFuZCBkcmF3IGl0LlxuXHQgKi9cblx0b3ZlcnJpZGUgbmdBZnRlclZpZXdJbml0KCkge1xuXHRcdHRoaXMuY2hhcnQgPSBuZXcgR3JvdXBlZEJhckNoYXJ0Q29yZSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwge1xuXHRcdFx0ZGF0YTogdGhpcy5kYXRhIGFzIENoYXJ0VGFidWxhckRhdGEsXG5cdFx0XHRvcHRpb25zOiB0aGlzLm9wdGlvbnMgYXMgQmFyQ2hhcnRPcHRpb25zXG5cdFx0fSlcblxuXHRcdE9iamVjdC5hc3NpZ24odGhpcywgdGhpcy5jaGFydClcblx0fVxufVxuIl19
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { BaseChartComponent } from './base-chart.component';
|
|
3
|
+
import { SimpleBarChart as SimpleBarChartCore } from '@carbon/charts';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* Wrapper around `SimpleBarChart` in carbon charts library
|
|
7
|
+
*
|
|
8
|
+
* Most functions just call their equivalent from the chart library.
|
|
9
|
+
*/
|
|
10
|
+
export class SimpleBarChartComponent extends BaseChartComponent {
|
|
11
|
+
/**
|
|
12
|
+
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
13
|
+
*/
|
|
14
|
+
ngAfterViewInit() {
|
|
15
|
+
this.chart = new SimpleBarChartCore(this.elementRef.nativeElement, {
|
|
16
|
+
data: this.data,
|
|
17
|
+
options: this.options
|
|
18
|
+
});
|
|
19
|
+
Object.assign(this, this.chart);
|
|
20
|
+
}
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: SimpleBarChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: SimpleBarChartComponent, selector: "ibm-simple-bar-chart", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: SimpleBarChartComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{
|
|
27
|
+
selector: 'ibm-simple-bar-chart',
|
|
28
|
+
template: ``
|
|
29
|
+
}]
|
|
30
|
+
}] });
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyLWNoYXJ0LXNpbXBsZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NoYXJ0cy9iYXItY2hhcnQtc2ltcGxlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFpQixNQUFNLGVBQWUsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUMzRCxPQUFPLEVBQ04sY0FBYyxJQUFJLGtCQUFrQixFQUdwQyxNQUFNLGdCQUFnQixDQUFBOztBQUV2Qjs7OztHQUlHO0FBS0gsTUFBTSxPQUFPLHVCQUF3QixTQUFRLGtCQUFrQjtJQUM5RDs7T0FFRztJQUNNLGVBQWU7UUFDdkIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLGtCQUFrQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFO1lBQ2xFLElBQUksRUFBRSxJQUFJLENBQUMsSUFBd0I7WUFDbkMsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUEwQjtTQUN4QyxDQUFDLENBQUE7UUFFRixNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDaEMsQ0FBQzs4R0FYVyx1QkFBdUI7a0dBQXZCLHVCQUF1QixtRkFGekIsRUFBRTs7MkZBRUEsdUJBQXVCO2tCQUpuQyxTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSxzQkFBc0I7b0JBQ2hDLFFBQVEsRUFBRSxFQUFFO2lCQUNaIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBBZnRlclZpZXdJbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IEJhc2VDaGFydENvbXBvbmVudCB9IGZyb20gJy4vYmFzZS1jaGFydC5jb21wb25lbnQnXG5pbXBvcnQge1xuXHRTaW1wbGVCYXJDaGFydCBhcyBTaW1wbGVCYXJDaGFydENvcmUsXG5cdHR5cGUgQ2hhcnRUYWJ1bGFyRGF0YSxcblx0dHlwZSBCYXJDaGFydE9wdGlvbnNcbn0gZnJvbSAnQGNhcmJvbi9jaGFydHMnXG5cbi8qKlxuICogV3JhcHBlciBhcm91bmQgYFNpbXBsZUJhckNoYXJ0YCBpbiBjYXJib24gY2hhcnRzIGxpYnJhcnlcbiAqXG4gKiBNb3N0IGZ1bmN0aW9ucyBqdXN0IGNhbGwgdGhlaXIgZXF1aXZhbGVudCBmcm9tIHRoZSBjaGFydCBsaWJyYXJ5LlxuICovXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdpYm0tc2ltcGxlLWJhci1jaGFydCcsXG5cdHRlbXBsYXRlOiBgYFxufSlcbmV4cG9ydCBjbGFzcyBTaW1wbGVCYXJDaGFydENvbXBvbmVudCBleHRlbmRzIEJhc2VDaGFydENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuXHQvKipcblx0ICogUnVucyBhZnRlciB2aWV3IGluaXQgdG8gY3JlYXRlIGEgY2hhcnQsIGF0dGFjaCBpdCB0byBgZWxlbWVudFJlZmAgYW5kIGRyYXcgaXQuXG5cdCAqL1xuXHRvdmVycmlkZSBuZ0FmdGVyVmlld0luaXQoKSB7XG5cdFx0dGhpcy5jaGFydCA9IG5ldyBTaW1wbGVCYXJDaGFydENvcmUodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsIHtcblx0XHRcdGRhdGE6IHRoaXMuZGF0YSBhcyBDaGFydFRhYnVsYXJEYXRhLFxuXHRcdFx0b3B0aW9uczogdGhpcy5vcHRpb25zIGFzIEJhckNoYXJ0T3B0aW9uc1xuXHRcdH0pXG5cblx0XHRPYmplY3QuYXNzaWduKHRoaXMsIHRoaXMuY2hhcnQpXG5cdH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { BaseChartComponent } from './base-chart.component';
|
|
3
|
+
import { StackedBarChart as StackedBarChartCore } from '@carbon/charts';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* Wrapper around `StackedBarChart` in carbon charts library
|
|
7
|
+
*
|
|
8
|
+
* Most functions just call their equivalent from the chart library.
|
|
9
|
+
*/
|
|
10
|
+
export class StackedBarChartComponent extends BaseChartComponent {
|
|
11
|
+
/**
|
|
12
|
+
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
13
|
+
*/
|
|
14
|
+
ngAfterViewInit() {
|
|
15
|
+
this.chart = new StackedBarChartCore(this.elementRef.nativeElement, {
|
|
16
|
+
data: this.data,
|
|
17
|
+
options: this.options
|
|
18
|
+
});
|
|
19
|
+
Object.assign(this, this.chart);
|
|
20
|
+
}
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: StackedBarChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: StackedBarChartComponent, selector: "ibm-stacked-bar-chart", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: StackedBarChartComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{
|
|
27
|
+
selector: 'ibm-stacked-bar-chart',
|
|
28
|
+
template: ``
|
|
29
|
+
}]
|
|
30
|
+
}] });
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyLWNoYXJ0LXN0YWNrZWQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9jaGFydHMvYmFyLWNoYXJ0LXN0YWNrZWQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWlCLE1BQU0sZUFBZSxDQUFBO0FBQ3hELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQzNELE9BQU8sRUFDTixlQUFlLElBQUksbUJBQW1CLEVBR3RDLE1BQU0sZ0JBQWdCLENBQUE7O0FBRXZCOzs7O0dBSUc7QUFLSCxNQUFNLE9BQU8sd0JBQXlCLFNBQVEsa0JBQWtCO0lBQy9EOztPQUVHO0lBQ00sZUFBZTtRQUN2QixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksbUJBQW1CLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxhQUFhLEVBQUU7WUFDbkUsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUF3QjtZQUNuQyxPQUFPLEVBQUUsSUFBSSxDQUFDLE9BQWlDO1NBQy9DLENBQUMsQ0FBQTtRQUVGLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQTtJQUNoQyxDQUFDOzhHQVhXLHdCQUF3QjtrR0FBeEIsd0JBQXdCLG9GQUYxQixFQUFFOzsyRkFFQSx3QkFBd0I7a0JBSnBDLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLHVCQUF1QjtvQkFDakMsUUFBUSxFQUFFLEVBQUU7aUJBQ1oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEFmdGVyVmlld0luaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuaW1wb3J0IHsgQmFzZUNoYXJ0Q29tcG9uZW50IH0gZnJvbSAnLi9iYXNlLWNoYXJ0LmNvbXBvbmVudCdcbmltcG9ydCB7XG5cdFN0YWNrZWRCYXJDaGFydCBhcyBTdGFja2VkQmFyQ2hhcnRDb3JlLFxuXHR0eXBlIENoYXJ0VGFidWxhckRhdGEsXG5cdHR5cGUgU3RhY2tlZEJhckNoYXJ0T3B0aW9uc1xufSBmcm9tICdAY2FyYm9uL2NoYXJ0cydcblxuLyoqXG4gKiBXcmFwcGVyIGFyb3VuZCBgU3RhY2tlZEJhckNoYXJ0YCBpbiBjYXJib24gY2hhcnRzIGxpYnJhcnlcbiAqXG4gKiBNb3N0IGZ1bmN0aW9ucyBqdXN0IGNhbGwgdGhlaXIgZXF1aXZhbGVudCBmcm9tIHRoZSBjaGFydCBsaWJyYXJ5LlxuICovXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdpYm0tc3RhY2tlZC1iYXItY2hhcnQnLFxuXHR0ZW1wbGF0ZTogYGBcbn0pXG5leHBvcnQgY2xhc3MgU3RhY2tlZEJhckNoYXJ0Q29tcG9uZW50IGV4dGVuZHMgQmFzZUNoYXJ0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG5cdC8qKlxuXHQgKiBSdW5zIGFmdGVyIHZpZXcgaW5pdCB0byBjcmVhdGUgYSBjaGFydCwgYXR0YWNoIGl0IHRvIGBlbGVtZW50UmVmYCBhbmQgZHJhdyBpdC5cblx0ICovXG5cdG92ZXJyaWRlIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcblx0XHR0aGlzLmNoYXJ0ID0gbmV3IFN0YWNrZWRCYXJDaGFydENvcmUodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsIHtcblx0XHRcdGRhdGE6IHRoaXMuZGF0YSBhcyBDaGFydFRhYnVsYXJEYXRhLFxuXHRcdFx0b3B0aW9uczogdGhpcy5vcHRpb25zIGFzIFN0YWNrZWRCYXJDaGFydE9wdGlvbnNcblx0XHR9KVxuXG5cdFx0T2JqZWN0LmFzc2lnbih0aGlzLCB0aGlzLmNoYXJ0KVxuXHR9XG59XG4iXX0=
|
|
@@ -0,0 +1,74 @@
|
|
|
1
|
+
import { Component, Input } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
/**
|
|
4
|
+
* Wrapper around `BaseChart` in carbon charts library
|
|
5
|
+
*
|
|
6
|
+
* Most functions just call their equivalent from the chart library.
|
|
7
|
+
*/
|
|
8
|
+
export class BaseChartComponent {
|
|
9
|
+
/**
|
|
10
|
+
* Data passed to charts library for displaying
|
|
11
|
+
*/
|
|
12
|
+
set data(newData) {
|
|
13
|
+
// If data already exists, that means the chart has been initialized
|
|
14
|
+
const dataExistsAlready = !!this._data;
|
|
15
|
+
this._data = newData;
|
|
16
|
+
if (dataExistsAlready) {
|
|
17
|
+
this.chart?.model.setData(newData);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
get data() {
|
|
21
|
+
return this._data;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* Options passed to charts library
|
|
25
|
+
*/
|
|
26
|
+
set options(newOptions) {
|
|
27
|
+
// If data already exists, that means the chart has been initialized
|
|
28
|
+
const optionsExistAlready = !!this._options;
|
|
29
|
+
this._options = newOptions;
|
|
30
|
+
if (optionsExistAlready) {
|
|
31
|
+
this.chart?.model.setOptions(newOptions);
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
get options() {
|
|
35
|
+
return this._options;
|
|
36
|
+
}
|
|
37
|
+
constructor(elementRef) {
|
|
38
|
+
this.elementRef = elementRef;
|
|
39
|
+
}
|
|
40
|
+
ngOnInit() {
|
|
41
|
+
// Width prop is mandatory for the wrappers
|
|
42
|
+
if (this.width) {
|
|
43
|
+
this.options.width = this.width;
|
|
44
|
+
}
|
|
45
|
+
// Height prop is mandatory for the wrappers
|
|
46
|
+
if (this.height) {
|
|
47
|
+
this.options.height = this.height;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
52
|
+
*/
|
|
53
|
+
ngAfterViewInit() {
|
|
54
|
+
console.log('Class that extended BaseChartComponent did not implement ngAfterViewInit().');
|
|
55
|
+
}
|
|
56
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: BaseChartComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
57
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: BaseChartComponent, selector: "ibm-base-chart", inputs: { data: "data", options: "options", width: "width", height: "height" }, ngImport: i0, template: ``, isInline: true }); }
|
|
58
|
+
}
|
|
59
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: BaseChartComponent, decorators: [{
|
|
60
|
+
type: Component,
|
|
61
|
+
args: [{
|
|
62
|
+
selector: 'ibm-base-chart',
|
|
63
|
+
template: ``
|
|
64
|
+
}]
|
|
65
|
+
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { data: [{
|
|
66
|
+
type: Input
|
|
67
|
+
}], options: [{
|
|
68
|
+
type: Input
|
|
69
|
+
}], width: [{
|
|
70
|
+
type: Input
|
|
71
|
+
}], height: [{
|
|
72
|
+
type: Input
|
|
73
|
+
}] } });
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1jaGFydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NoYXJ0cy9iYXNlLWNoYXJ0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBcUMsTUFBTSxlQUFlLENBQUE7O0FBR25GOzs7O0dBSUc7QUFLSCxNQUFNLE9BQU8sa0JBQWtCO0lBQzlCOztPQUVHO0lBQ0gsSUFBYSxJQUFJLENBQUMsT0FBeUI7UUFDMUMsb0VBQW9FO1FBQ3BFLE1BQU0saUJBQWlCLEdBQUcsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUE7UUFFdEMsSUFBSSxDQUFDLEtBQUssR0FBRyxPQUFPLENBQUE7UUFFcEIsSUFBSSxpQkFBaUIsRUFBRTtZQUN0QixJQUFJLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUE7U0FDbEM7SUFDRixDQUFDO0lBRUQsSUFBSSxJQUFJO1FBQ1AsT0FBTyxJQUFJLENBQUMsS0FBSyxDQUFBO0lBQ2xCLENBQUM7SUFFRDs7T0FFRztJQUNILElBQWEsT0FBTyxDQUFDLFVBQTRCO1FBQ2hELG9FQUFvRTtRQUNwRSxNQUFNLG1CQUFtQixHQUFHLENBQUMsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFBO1FBRTNDLElBQUksQ0FBQyxRQUFRLEdBQUcsVUFBVSxDQUFBO1FBRTFCLElBQUksbUJBQW1CLEVBQUU7WUFDeEIsSUFBSSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQVUsQ0FBQyxDQUFBO1NBQ3hDO0lBQ0YsQ0FBQztJQUVELElBQUksT0FBTztRQUNWLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQTtJQUNyQixDQUFDO0lBdUJELFlBQXNCLFVBQXNCO1FBQXRCLGVBQVUsR0FBVixVQUFVLENBQVk7SUFBRyxDQUFDO0lBRWhELFFBQVE7UUFDUCwyQ0FBMkM7UUFDM0MsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ2YsSUFBSSxDQUFDLE9BQU8sQ0FBQyxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQTtTQUMvQjtRQUVELDRDQUE0QztRQUM1QyxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUU7WUFDaEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQTtTQUNqQztJQUNGLENBQUM7SUFFRDs7T0FFRztJQUNILGVBQWU7UUFDZCxPQUFPLENBQUMsR0FBRyxDQUFDLDZFQUE2RSxDQUFDLENBQUE7SUFDM0YsQ0FBQzs4R0E3RVcsa0JBQWtCO2tHQUFsQixrQkFBa0Isc0lBRnBCLEVBQUU7OzJGQUVBLGtCQUFrQjtrQkFKOUIsU0FBUzttQkFBQztvQkFDVixRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixRQUFRLEVBQUUsRUFBRTtpQkFDWjtpR0FLYSxJQUFJO3NCQUFoQixLQUFLO2dCQWtCTyxPQUFPO3NCQUFuQixLQUFLO2dCQWtCRyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0LCBBZnRlclZpZXdJbml0LCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB0eXBlIHsgQmFzZUNoYXJ0T3B0aW9ucywgQ2hhcnRUYWJ1bGFyRGF0YSwgQ2hhcnRzIH0gZnJvbSAnQGNhcmJvbi9jaGFydHMnXG5cbi8qKlxuICogV3JhcHBlciBhcm91bmQgYEJhc2VDaGFydGAgaW4gY2FyYm9uIGNoYXJ0cyBsaWJyYXJ5XG4gKlxuICogTW9zdCBmdW5jdGlvbnMganVzdCBjYWxsIHRoZWlyIGVxdWl2YWxlbnQgZnJvbSB0aGUgY2hhcnQgbGlicmFyeS5cbiAqL1xuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnaWJtLWJhc2UtY2hhcnQnLFxuXHR0ZW1wbGF0ZTogYGBcbn0pXG5leHBvcnQgY2xhc3MgQmFzZUNoYXJ0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCwgT25Jbml0IHtcblx0LyoqXG5cdCAqIERhdGEgcGFzc2VkIHRvIGNoYXJ0cyBsaWJyYXJ5IGZvciBkaXNwbGF5aW5nXG5cdCAqL1xuXHRASW5wdXQoKSBzZXQgZGF0YShuZXdEYXRhOiBDaGFydFRhYnVsYXJEYXRhKSB7XG5cdFx0Ly8gSWYgZGF0YSBhbHJlYWR5IGV4aXN0cywgdGhhdCBtZWFucyB0aGUgY2hhcnQgaGFzIGJlZW4gaW5pdGlhbGl6ZWRcblx0XHRjb25zdCBkYXRhRXhpc3RzQWxyZWFkeSA9ICEhdGhpcy5fZGF0YVxuXG5cdFx0dGhpcy5fZGF0YSA9IG5ld0RhdGFcblxuXHRcdGlmIChkYXRhRXhpc3RzQWxyZWFkeSkge1xuXHRcdFx0dGhpcy5jaGFydD8ubW9kZWwuc2V0RGF0YShuZXdEYXRhKVxuXHRcdH1cblx0fVxuXG5cdGdldCBkYXRhKCk6IENoYXJ0VGFidWxhckRhdGEge1xuXHRcdHJldHVybiB0aGlzLl9kYXRhXG5cdH1cblxuXHQvKipcblx0ICogT3B0aW9ucyBwYXNzZWQgdG8gY2hhcnRzIGxpYnJhcnlcblx0ICovXG5cdEBJbnB1dCgpIHNldCBvcHRpb25zKG5ld09wdGlvbnM6IEJhc2VDaGFydE9wdGlvbnMpIHtcblx0XHQvLyBJZiBkYXRhIGFscmVhZHkgZXhpc3RzLCB0aGF0IG1lYW5zIHRoZSBjaGFydCBoYXMgYmVlbiBpbml0aWFsaXplZFxuXHRcdGNvbnN0IG9wdGlvbnNFeGlzdEFscmVhZHkgPSAhIXRoaXMuX29wdGlvbnNcblxuXHRcdHRoaXMuX29wdGlvbnMgPSBuZXdPcHRpb25zXG5cblx0XHRpZiAob3B0aW9uc0V4aXN0QWxyZWFkeSkge1xuXHRcdFx0dGhpcy5jaGFydD8ubW9kZWwuc2V0T3B0aW9ucyhuZXdPcHRpb25zKVxuXHRcdH1cblx0fVxuXG5cdGdldCBvcHRpb25zKCkge1xuXHRcdHJldHVybiB0aGlzLl9vcHRpb25zXG5cdH1cblxuXHQvKipcblx0ICogQ2hhcnQgd2lkdGhcblx0ICovXG5cdEBJbnB1dCgpIHdpZHRoPzogc3RyaW5nXG5cblx0LyoqXG5cdCAqIENoYXJ0IGhlaWdodFxuXHQgKi9cblx0QElucHV0KCkgaGVpZ2h0Pzogc3RyaW5nXG5cblx0LyoqXG5cdCAqIENoYXJ0IG9iamVjdCBpbnN0YW5jZVxuXHQgKlxuXHQgKiBZb3UgY2FuIHVzZSB0aGlzIHRvIGRvIHdoYXRldmVyIHlvdSB3b3VsZCBub3JtYWxseSBkbyB3aXRoIGEgY2hhcnQgaWYgeW91IHVzZWRcblx0ICogY2hhcnRzIGxpYnJhcnkgZGlyZWN0bHkuXG5cdCAqL1xuXHRjaGFydCE6IENoYXJ0c1xuXG5cdHByaXZhdGUgX2RhdGEhOiBDaGFydFRhYnVsYXJEYXRhXG5cdHByaXZhdGUgX29wdGlvbnMhOiBCYXNlQ2hhcnRPcHRpb25zXG5cblx0Y29uc3RydWN0b3IocHJvdGVjdGVkIGVsZW1lbnRSZWY6IEVsZW1lbnRSZWYpIHt9XG5cblx0bmdPbkluaXQoKSB7XG5cdFx0Ly8gV2lkdGggcHJvcCBpcyBtYW5kYXRvcnkgZm9yIHRoZSB3cmFwcGVyc1xuXHRcdGlmICh0aGlzLndpZHRoKSB7XG5cdFx0XHR0aGlzLm9wdGlvbnMud2lkdGggPSB0aGlzLndpZHRoXG5cdFx0fVxuXG5cdFx0Ly8gSGVpZ2h0IHByb3AgaXMgbWFuZGF0b3J5IGZvciB0aGUgd3JhcHBlcnNcblx0XHRpZiAodGhpcy5oZWlnaHQpIHtcblx0XHRcdHRoaXMub3B0aW9ucy5oZWlnaHQgPSB0aGlzLmhlaWdodFxuXHRcdH1cblx0fVxuXG5cdC8qKlxuXHQgKiBSdW5zIGFmdGVyIHZpZXcgaW5pdCB0byBjcmVhdGUgYSBjaGFydCwgYXR0YWNoIGl0IHRvIGBlbGVtZW50UmVmYCBhbmQgZHJhdyBpdC5cblx0ICovXG5cdG5nQWZ0ZXJWaWV3SW5pdCgpIHtcblx0XHRjb25zb2xlLmxvZygnQ2xhc3MgdGhhdCBleHRlbmRlZCBCYXNlQ2hhcnRDb21wb25lbnQgZGlkIG5vdCBpbXBsZW1lbnQgbmdBZnRlclZpZXdJbml0KCkuJylcblx0fVxufVxuIl19
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { BaseChartComponent } from './base-chart.component';
|
|
3
|
+
import { BoxplotChart as BoxplotChartCore } from '@carbon/charts';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* Wrapper around `BoxplotChart` in carbon charts library
|
|
7
|
+
*
|
|
8
|
+
* Most functions just call their equivalent from the chart library.
|
|
9
|
+
*/
|
|
10
|
+
export class BoxplotChartComponent extends BaseChartComponent {
|
|
11
|
+
/**
|
|
12
|
+
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
13
|
+
*/
|
|
14
|
+
ngAfterViewInit() {
|
|
15
|
+
this.chart = new BoxplotChartCore(this.elementRef.nativeElement, {
|
|
16
|
+
data: this.data,
|
|
17
|
+
options: this.options
|
|
18
|
+
});
|
|
19
|
+
Object.assign(this, this.chart);
|
|
20
|
+
}
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: BoxplotChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: BoxplotChartComponent, selector: "ibm-boxplot-chart", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: BoxplotChartComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{
|
|
27
|
+
selector: 'ibm-boxplot-chart',
|
|
28
|
+
template: ``
|
|
29
|
+
}]
|
|
30
|
+
}] });
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm94cGxvdC1jaGFydC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbGliL2NoYXJ0cy9ib3hwbG90LWNoYXJ0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFpQixNQUFNLGVBQWUsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUMzRCxPQUFPLEVBQ04sWUFBWSxJQUFJLGdCQUFnQixFQUdoQyxNQUFNLGdCQUFnQixDQUFBOztBQUV2Qjs7OztHQUlHO0FBS0gsTUFBTSxPQUFPLHFCQUFzQixTQUFRLGtCQUFrQjtJQUM1RDs7T0FFRztJQUNNLGVBQWU7UUFDdkIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLGdCQUFnQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFO1lBQ2hFLElBQUksRUFBRSxJQUFJLENBQUMsSUFBd0I7WUFDbkMsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUE4QjtTQUM1QyxDQUFDLENBQUE7UUFFRixNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDaEMsQ0FBQzs4R0FYVyxxQkFBcUI7a0dBQXJCLHFCQUFxQixnRkFGdkIsRUFBRTs7MkZBRUEscUJBQXFCO2tCQUpqQyxTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSxtQkFBbUI7b0JBQzdCLFFBQVEsRUFBRSxFQUFFO2lCQUNaIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBBZnRlclZpZXdJbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IEJhc2VDaGFydENvbXBvbmVudCB9IGZyb20gJy4vYmFzZS1jaGFydC5jb21wb25lbnQnXG5pbXBvcnQge1xuXHRCb3hwbG90Q2hhcnQgYXMgQm94cGxvdENoYXJ0Q29yZSxcblx0dHlwZSBDaGFydFRhYnVsYXJEYXRhLFxuXHR0eXBlIEJveHBsb3RDaGFydE9wdGlvbnNcbn0gZnJvbSAnQGNhcmJvbi9jaGFydHMnXG5cbi8qKlxuICogV3JhcHBlciBhcm91bmQgYEJveHBsb3RDaGFydGAgaW4gY2FyYm9uIGNoYXJ0cyBsaWJyYXJ5XG4gKlxuICogTW9zdCBmdW5jdGlvbnMganVzdCBjYWxsIHRoZWlyIGVxdWl2YWxlbnQgZnJvbSB0aGUgY2hhcnQgbGlicmFyeS5cbiAqL1xuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnaWJtLWJveHBsb3QtY2hhcnQnLFxuXHR0ZW1wbGF0ZTogYGBcbn0pXG5leHBvcnQgY2xhc3MgQm94cGxvdENoYXJ0Q29tcG9uZW50IGV4dGVuZHMgQmFzZUNoYXJ0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG5cdC8qKlxuXHQgKiBSdW5zIGFmdGVyIHZpZXcgaW5pdCB0byBjcmVhdGUgYSBjaGFydCwgYXR0YWNoIGl0IHRvIGBlbGVtZW50UmVmYCBhbmQgZHJhdyBpdC5cblx0ICovXG5cdG92ZXJyaWRlIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcblx0XHR0aGlzLmNoYXJ0ID0gbmV3IEJveHBsb3RDaGFydENvcmUodGhpcy5lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQsIHtcblx0XHRcdGRhdGE6IHRoaXMuZGF0YSBhcyBDaGFydFRhYnVsYXJEYXRhLFxuXHRcdFx0b3B0aW9uczogdGhpcy5vcHRpb25zIGFzIEJveHBsb3RDaGFydE9wdGlvbnNcblx0XHR9KVxuXG5cdFx0T2JqZWN0LmFzc2lnbih0aGlzLCB0aGlzLmNoYXJ0KVxuXHR9XG59XG4iXX0=
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { BaseChartComponent } from './base-chart.component';
|
|
3
|
+
import { BubbleChart as BubbleChartCore } from '@carbon/charts';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* Wrapper around `BubbleChart` in carbon charts library
|
|
7
|
+
*
|
|
8
|
+
* Most functions just call their equivalent from the chart library.
|
|
9
|
+
*/
|
|
10
|
+
export class BubbleChartComponent extends BaseChartComponent {
|
|
11
|
+
/**
|
|
12
|
+
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
13
|
+
*/
|
|
14
|
+
ngAfterViewInit() {
|
|
15
|
+
this.chart = new BubbleChartCore(this.elementRef.nativeElement, {
|
|
16
|
+
data: this.data,
|
|
17
|
+
options: this.options
|
|
18
|
+
});
|
|
19
|
+
Object.assign(this, this.chart);
|
|
20
|
+
}
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: BubbleChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: BubbleChartComponent, selector: "ibm-bubble-chart", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: BubbleChartComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{
|
|
27
|
+
selector: 'ibm-bubble-chart',
|
|
28
|
+
template: ``
|
|
29
|
+
}]
|
|
30
|
+
}] });
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnViYmxlLWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvY2hhcnRzL2J1YmJsZS1jaGFydC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBaUIsTUFBTSxlQUFlLENBQUE7QUFDeEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDM0QsT0FBTyxFQUNOLFdBQVcsSUFBSSxlQUFlLEVBRzlCLE1BQU0sZ0JBQWdCLENBQUE7O0FBRXZCOzs7O0dBSUc7QUFLSCxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsa0JBQWtCO0lBQzNEOztPQUVHO0lBQ00sZUFBZTtRQUN2QixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksZUFBZSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFO1lBQy9ELElBQUksRUFBRSxJQUFJLENBQUMsSUFBd0I7WUFDbkMsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUE2QjtTQUMzQyxDQUFDLENBQUE7UUFFRixNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDaEMsQ0FBQzs4R0FYVyxvQkFBb0I7a0dBQXBCLG9CQUFvQiwrRUFGdEIsRUFBRTs7MkZBRUEsb0JBQW9CO2tCQUpoQyxTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFFBQVEsRUFBRSxFQUFFO2lCQUNaIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBBZnRlclZpZXdJbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IEJhc2VDaGFydENvbXBvbmVudCB9IGZyb20gJy4vYmFzZS1jaGFydC5jb21wb25lbnQnXG5pbXBvcnQge1xuXHRCdWJibGVDaGFydCBhcyBCdWJibGVDaGFydENvcmUsXG5cdHR5cGUgQnViYmxlQ2hhcnRPcHRpb25zLFxuXHR0eXBlIENoYXJ0VGFidWxhckRhdGFcbn0gZnJvbSAnQGNhcmJvbi9jaGFydHMnXG5cbi8qKlxuICogV3JhcHBlciBhcm91bmQgYEJ1YmJsZUNoYXJ0YCBpbiBjYXJib24gY2hhcnRzIGxpYnJhcnlcbiAqXG4gKiBNb3N0IGZ1bmN0aW9ucyBqdXN0IGNhbGwgdGhlaXIgZXF1aXZhbGVudCBmcm9tIHRoZSBjaGFydCBsaWJyYXJ5LlxuICovXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdpYm0tYnViYmxlLWNoYXJ0Jyxcblx0dGVtcGxhdGU6IGBgXG59KVxuZXhwb3J0IGNsYXNzIEJ1YmJsZUNoYXJ0Q29tcG9uZW50IGV4dGVuZHMgQmFzZUNoYXJ0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG5cdC8qKlxuXHQgKiBSdW5zIGFmdGVyIHZpZXcgaW5pdCB0byBjcmVhdGUgYSBjaGFydCwgYXR0YWNoIGl0IHRvIGBlbGVtZW50UmVmYCBhbmQgZHJhdyBpdC5cblx0ICovXG5cdG92ZXJyaWRlIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcblx0XHR0aGlzLmNoYXJ0ID0gbmV3IEJ1YmJsZUNoYXJ0Q29yZSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwge1xuXHRcdFx0ZGF0YTogdGhpcy5kYXRhIGFzIENoYXJ0VGFidWxhckRhdGEsXG5cdFx0XHRvcHRpb25zOiB0aGlzLm9wdGlvbnMgYXMgQnViYmxlQ2hhcnRPcHRpb25zXG5cdFx0fSlcblxuXHRcdE9iamVjdC5hc3NpZ24odGhpcywgdGhpcy5jaGFydClcblx0fVxufVxuIl19
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { BaseChartComponent } from './base-chart.component';
|
|
3
|
+
import { BulletChart as BulletChartCore } from '@carbon/charts';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
/**
|
|
6
|
+
* Wrapper around `BulletChart` in carbon charts library
|
|
7
|
+
*
|
|
8
|
+
* Most functions just call their equivalent from the chart library.
|
|
9
|
+
*/
|
|
10
|
+
export class BulletChartComponent extends BaseChartComponent {
|
|
11
|
+
/**
|
|
12
|
+
* Runs after view init to create a chart, attach it to `elementRef` and draw it.
|
|
13
|
+
*/
|
|
14
|
+
ngAfterViewInit() {
|
|
15
|
+
this.chart = new BulletChartCore(this.elementRef.nativeElement, {
|
|
16
|
+
data: this.data,
|
|
17
|
+
options: this.options
|
|
18
|
+
});
|
|
19
|
+
Object.assign(this, this.chart);
|
|
20
|
+
}
|
|
21
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: BulletChartComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
22
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.1", type: BulletChartComponent, selector: "ibm-bullet-chart", usesInheritance: true, ngImport: i0, template: ``, isInline: true }); }
|
|
23
|
+
}
|
|
24
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.1", ngImport: i0, type: BulletChartComponent, decorators: [{
|
|
25
|
+
type: Component,
|
|
26
|
+
args: [{
|
|
27
|
+
selector: 'ibm-bullet-chart',
|
|
28
|
+
template: ``
|
|
29
|
+
}]
|
|
30
|
+
}] });
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnVsbGV0LWNoYXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvY2hhcnRzL2J1bGxldC1jaGFydC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBaUIsTUFBTSxlQUFlLENBQUE7QUFDeEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDM0QsT0FBTyxFQUNOLFdBQVcsSUFBSSxlQUFlLEVBRzlCLE1BQU0sZ0JBQWdCLENBQUE7O0FBRXZCOzs7O0dBSUc7QUFLSCxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsa0JBQWtCO0lBQzNEOztPQUVHO0lBQ00sZUFBZTtRQUN2QixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksZUFBZSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxFQUFFO1lBQy9ELElBQUksRUFBRSxJQUFJLENBQUMsSUFBd0I7WUFDbkMsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUE2QjtTQUMzQyxDQUFDLENBQUE7UUFFRixNQUFNLENBQUMsTUFBTSxDQUFDLElBQUksRUFBRSxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUE7SUFDaEMsQ0FBQzs4R0FYVyxvQkFBb0I7a0dBQXBCLG9CQUFvQiwrRUFGdEIsRUFBRTs7MkZBRUEsb0JBQW9CO2tCQUpoQyxTQUFTO21CQUFDO29CQUNWLFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFFBQVEsRUFBRSxFQUFFO2lCQUNaIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBBZnRlclZpZXdJbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcbmltcG9ydCB7IEJhc2VDaGFydENvbXBvbmVudCB9IGZyb20gJy4vYmFzZS1jaGFydC5jb21wb25lbnQnXG5pbXBvcnQge1xuXHRCdWxsZXRDaGFydCBhcyBCdWxsZXRDaGFydENvcmUsXG5cdHR5cGUgQnVsbGV0Q2hhcnRPcHRpb25zLFxuXHR0eXBlIENoYXJ0VGFidWxhckRhdGFcbn0gZnJvbSAnQGNhcmJvbi9jaGFydHMnXG5cbi8qKlxuICogV3JhcHBlciBhcm91bmQgYEJ1bGxldENoYXJ0YCBpbiBjYXJib24gY2hhcnRzIGxpYnJhcnlcbiAqXG4gKiBNb3N0IGZ1bmN0aW9ucyBqdXN0IGNhbGwgdGhlaXIgZXF1aXZhbGVudCBmcm9tIHRoZSBjaGFydCBsaWJyYXJ5LlxuICovXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdpYm0tYnVsbGV0LWNoYXJ0Jyxcblx0dGVtcGxhdGU6IGBgXG59KVxuZXhwb3J0IGNsYXNzIEJ1bGxldENoYXJ0Q29tcG9uZW50IGV4dGVuZHMgQmFzZUNoYXJ0Q29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJWaWV3SW5pdCB7XG5cdC8qKlxuXHQgKiBSdW5zIGFmdGVyIHZpZXcgaW5pdCB0byBjcmVhdGUgYSBjaGFydCwgYXR0YWNoIGl0IHRvIGBlbGVtZW50UmVmYCBhbmQgZHJhdyBpdC5cblx0ICovXG5cdG92ZXJyaWRlIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcblx0XHR0aGlzLmNoYXJ0ID0gbmV3IEJ1bGxldENoYXJ0Q29yZSh0aGlzLmVsZW1lbnRSZWYubmF0aXZlRWxlbWVudCwge1xuXHRcdFx0ZGF0YTogdGhpcy5kYXRhIGFzIENoYXJ0VGFidWxhckRhdGEsXG5cdFx0XHRvcHRpb25zOiB0aGlzLm9wdGlvbnMgYXMgQnVsbGV0Q2hhcnRPcHRpb25zXG5cdFx0fSlcblxuXHRcdE9iamVjdC5hc3NpZ24odGhpcywgdGhpcy5jaGFydClcblx0fVxufVxuIl19
|