@carbon/charts-vue 1.16.11 → 1.17.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/CHANGELOG.md +13 -0
- package/README.md +2 -30
- package/dist/components/CcvAlluvialChart.d.ts +12 -12
- package/dist/components/CcvAreaChart.d.ts +12 -12
- package/dist/components/CcvBoxplotChart.d.ts +12 -12
- package/dist/components/CcvBubbleChart.d.ts +12 -12
- package/dist/components/CcvBulletChart.d.ts +12 -12
- package/dist/components/CcvChoroplethChart.d.ts +12 -12
- package/dist/components/CcvCirclePackChart.d.ts +12 -12
- package/dist/components/CcvComboChart.d.ts +12 -12
- package/dist/components/CcvDonutChart.d.ts +12 -12
- package/dist/components/CcvGaugeChart.d.ts +12 -12
- package/dist/components/CcvGroupedBarChart.d.ts +12 -12
- package/dist/components/CcvHeatmapChart.d.ts +12 -12
- package/dist/components/CcvHistogramChart.d.ts +12 -12
- package/dist/components/CcvLineChart.d.ts +12 -12
- package/dist/components/CcvLollipopChart.d.ts +12 -12
- package/dist/components/CcvMeterChart.d.ts +12 -12
- package/dist/components/CcvPieChart.d.ts +12 -12
- package/dist/components/CcvRadarChart.d.ts +12 -12
- package/dist/components/CcvScatterChart.d.ts +12 -12
- package/dist/components/CcvSimpleBarChart.d.ts +12 -12
- package/dist/components/CcvStackedAreaChart.d.ts +12 -12
- package/dist/components/CcvStackedBarChart.d.ts +12 -12
- package/dist/components/CcvTreeChart.d.ts +12 -12
- package/dist/components/CcvTreemapChart.d.ts +12 -12
- package/dist/components/CcvWordCloudChart.d.ts +12 -12
- package/dist/components/chartFactory.d.ts +12 -12
- package/dist/index.mjs +1 -7
- package/dist/index.mjs.map +1 -1
- package/package.json +15 -21
- /package/dist/{stories/all.stories.d.ts → main.d.ts} +0 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,19 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See
|
|
4
4
|
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# 1.17.0 (2024-06-26)
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
- **docs:** Creation of new documentation website (PLEASE SQUASH COMMITS)
|
|
11
|
+
([#1798](https://github.com/carbon-design-system/carbon-charts/issues/1798))
|
|
12
|
+
([9df518a](https://github.com/carbon-design-system/carbon-charts/commit/9df518a43fd55f69f7d135bd5a28f083277fd287))
|
|
13
|
+
|
|
14
|
+
# Change Log
|
|
15
|
+
|
|
16
|
+
All notable changes to this project will be documented in this file. See
|
|
17
|
+
[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
18
|
+
|
|
6
19
|
## 1.16.11 (2024-06-18)
|
|
7
20
|
|
|
8
21
|
### Bug Fixes
|
package/README.md
CHANGED
|
@@ -4,12 +4,7 @@ Carbon Charts Vue is a thin Vue.js wrapper around the vanilla JavaScript `@carbo
|
|
|
4
4
|
library. This version is for Vue.js ^3.3.0. For Vue.js 2.x support, please use
|
|
5
5
|
`@carbon/charts-vue@latest`.
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
documentation is provided in the Storybook demos.
|
|
9
|
-
|
|
10
|
-
**[Storybook demos](https://charts.carbondesignsystem.com/vue)**
|
|
11
|
-
|
|
12
|
-
**[Storybook demo sources](https://github.com/carbon-design-system/carbon-charts/tree/master/packages/core/demo/data)**
|
|
7
|
+
## [Documentation with StackBlitz examples](https://charts.carbondesignsystem.com/)
|
|
13
8
|
|
|
14
9
|
## Maintenance & support
|
|
15
10
|
|
|
@@ -29,30 +24,7 @@ If you prefer [Yarn](https://yarnpkg.com/en/), use the following command instead
|
|
|
29
24
|
yarn add @carbon/charts-vue
|
|
30
25
|
```
|
|
31
26
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
Read
|
|
35
|
-
[Getting Started](https://charts.carbondesignsystem.com/?path=/docs/docs-getting-started-vue--docs)
|
|
36
|
-
|
|
37
|
-
## Storybook and StackBlitz Examples
|
|
38
|
-
|
|
39
|
-
[Sample use cases can be seen here](https://charts.carbondesignsystem.com/vue).
|
|
40
|
-
|
|
41
|
-
**When opening the link above**, click on the **Edit on StackBlitz** button for each demo to see an
|
|
42
|
-
isolated project showing you how to reproduce the demo.
|
|
43
|
-
|
|
44
|
-
## Charting data & options
|
|
45
|
-
|
|
46
|
-
Although new charts will be introduced in the future (such as a choropleth), data and options follow
|
|
47
|
-
the same model for all charts with minor exceptions. For example, in the case of a donut chart,
|
|
48
|
-
you're able to pass in an additional field called `center` in your options to configure the donut
|
|
49
|
-
center.
|
|
50
|
-
|
|
51
|
-
For instructions on using the **tabular data format**, see
|
|
52
|
-
[here](https://charts.carbondesignsystem.com/vue/?path=/docs/docs-tutorials-tabular-data-format--docs)
|
|
53
|
-
|
|
54
|
-
Customizable options (specific to chart type) can be found
|
|
55
|
-
[here](https://charts.carbondesignsystem.com/documentation/modules/interfaces.html)
|
|
27
|
+
The required styles should be imported from `@carbon/charts-vue/styles.css`.
|
|
56
28
|
|
|
57
29
|
## <picture><source height="20" width="20" media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-dark.svg"><source height="20" width="20" media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"><img height="20" width="20" alt="IBM Telemetry" src="https://raw.githubusercontent.com/ibm-telemetry/telemetry-js/main/docs/images/ibm-telemetry-light.svg"></picture> IBM Telemetry
|
|
58
30
|
|
|
@@ -16,15 +16,15 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
16
16
|
renderType: import('@carbon/charts').RenderTypes;
|
|
17
17
|
id: string;
|
|
18
18
|
init: () => void;
|
|
19
|
-
render: (animate?: boolean
|
|
19
|
+
render: (animate?: boolean) => void;
|
|
20
20
|
destroy: () => void;
|
|
21
21
|
setModel: (newObj: any) => void;
|
|
22
22
|
setServices: (newObj: any) => void;
|
|
23
23
|
setParent: (parent: any) => void;
|
|
24
|
-
getParent: () => import('d3-selection').Selection<
|
|
24
|
+
getParent: () => import('d3-selection').Selection<SVGGraphicsElement | HTMLDivElement, any, HTMLElement, any>;
|
|
25
25
|
getComponentContainer: (configs?: {
|
|
26
26
|
withinChartClip: boolean;
|
|
27
|
-
}
|
|
27
|
+
}) => import('d3-selection').Selection<any, any, Element, any>;
|
|
28
28
|
getOptions: () => any;
|
|
29
29
|
}[];
|
|
30
30
|
services: any;
|
|
@@ -53,24 +53,24 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
53
53
|
name: string;
|
|
54
54
|
data: any;
|
|
55
55
|
}[];
|
|
56
|
-
getStackKeys: ({ bins, groups }?: import('@carbon/charts').StackKeysParams
|
|
56
|
+
getStackKeys: ({ bins, groups }?: import('@carbon/charts').StackKeysParams) => any;
|
|
57
57
|
getDataValuesGroupedByKeys: ({ bins, groups }: import('@carbon/charts').StackKeysParams) => any;
|
|
58
58
|
getStackedData: ({ percentage, groups, divergent }: import('@carbon/charts').StackKeysParams) => any[][];
|
|
59
59
|
getOptions: () => any;
|
|
60
60
|
set: (newState: any, configs?: any) => void;
|
|
61
|
-
get: (property?: string
|
|
61
|
+
get: (property?: string) => any;
|
|
62
62
|
setOptions: (newOptions: any) => void;
|
|
63
|
-
update: (animate?: boolean
|
|
63
|
+
update: (animate?: boolean) => void;
|
|
64
64
|
toggleDataLabel: (changedLabel: string) => void;
|
|
65
|
-
getIsFilled: (group: any, key?: any, data?: any, defaultFilled?: boolean
|
|
65
|
+
getIsFilled: (group: any, key?: any, data?: any, defaultFilled?: boolean) => any;
|
|
66
66
|
getFillColor: (group: any, key?: any, data?: any) => any;
|
|
67
67
|
getStrokeColor: (group: any, key?: any, data?: any) => any;
|
|
68
68
|
isUserProvidedColorScaleValid: () => any;
|
|
69
69
|
getColorClassName: (configs: {
|
|
70
|
-
classNameTypes?: import('@carbon/charts').ColorClassNameTypes[]
|
|
71
|
-
dataGroupName?: string | number
|
|
72
|
-
originalClassName?: string
|
|
73
|
-
value?: number
|
|
70
|
+
classNameTypes?: import('@carbon/charts').ColorClassNameTypes[];
|
|
71
|
+
dataGroupName?: string | number;
|
|
72
|
+
originalClassName?: string;
|
|
73
|
+
value?: number;
|
|
74
74
|
}) => string;
|
|
75
75
|
getStatus: () => any;
|
|
76
76
|
getAllDataGroupsNames: () => string[];
|
|
@@ -79,7 +79,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
79
79
|
};
|
|
80
80
|
init: (holder: HTMLDivElement, chartConfigs: import('@carbon/charts').ChartConfig<import('@carbon/charts').BaseChartOptions>) => void;
|
|
81
81
|
getComponents: () => import('@carbon/charts').Component[];
|
|
82
|
-
update: (animate?: boolean
|
|
82
|
+
update: (animate?: boolean) => void;
|
|
83
83
|
destroy: () => void;
|
|
84
84
|
} | null>;
|
|
85
85
|
chartDiv: import('../../vue/dist/vue.esm-bundler.js').Ref<HTMLDivElement | null>;
|
|
@@ -16,15 +16,15 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
16
16
|
renderType: import('@carbon/charts').RenderTypes;
|
|
17
17
|
id: string;
|
|
18
18
|
init: () => void;
|
|
19
|
-
render: (animate?: boolean
|
|
19
|
+
render: (animate?: boolean) => void;
|
|
20
20
|
destroy: () => void;
|
|
21
21
|
setModel: (newObj: any) => void;
|
|
22
22
|
setServices: (newObj: any) => void;
|
|
23
23
|
setParent: (parent: any) => void;
|
|
24
|
-
getParent: () => import('d3-selection').Selection<
|
|
24
|
+
getParent: () => import('d3-selection').Selection<SVGGraphicsElement | HTMLDivElement, any, HTMLElement, any>;
|
|
25
25
|
getComponentContainer: (configs?: {
|
|
26
26
|
withinChartClip: boolean;
|
|
27
|
-
}
|
|
27
|
+
}) => import('d3-selection').Selection<any, any, Element, any>;
|
|
28
28
|
getOptions: () => any;
|
|
29
29
|
}[];
|
|
30
30
|
services: any;
|
|
@@ -53,24 +53,24 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
53
53
|
name: string;
|
|
54
54
|
data: any;
|
|
55
55
|
}[];
|
|
56
|
-
getStackKeys: ({ bins, groups }?: import('@carbon/charts').StackKeysParams
|
|
56
|
+
getStackKeys: ({ bins, groups }?: import('@carbon/charts').StackKeysParams) => any;
|
|
57
57
|
getDataValuesGroupedByKeys: ({ bins, groups }: import('@carbon/charts').StackKeysParams) => any;
|
|
58
58
|
getStackedData: ({ percentage, groups, divergent }: import('@carbon/charts').StackKeysParams) => any[][];
|
|
59
59
|
getOptions: () => any;
|
|
60
60
|
set: (newState: any, configs?: any) => void;
|
|
61
|
-
get: (property?: string
|
|
61
|
+
get: (property?: string) => any;
|
|
62
62
|
setOptions: (newOptions: any) => void;
|
|
63
|
-
update: (animate?: boolean
|
|
63
|
+
update: (animate?: boolean) => void;
|
|
64
64
|
toggleDataLabel: (changedLabel: string) => void;
|
|
65
|
-
getIsFilled: (group: any, key?: any, data?: any, defaultFilled?: boolean
|
|
65
|
+
getIsFilled: (group: any, key?: any, data?: any, defaultFilled?: boolean) => any;
|
|
66
66
|
getFillColor: (group: any, key?: any, data?: any) => any;
|
|
67
67
|
getStrokeColor: (group: any, key?: any, data?: any) => any;
|
|
68
68
|
isUserProvidedColorScaleValid: () => any;
|
|
69
69
|
getColorClassName: (configs: {
|
|
70
|
-
classNameTypes?: import('@carbon/charts').ColorClassNameTypes[]
|
|
71
|
-
dataGroupName?: string | number
|
|
72
|
-
originalClassName?: string
|
|
73
|
-
value?: number
|
|
70
|
+
classNameTypes?: import('@carbon/charts').ColorClassNameTypes[];
|
|
71
|
+
dataGroupName?: string | number;
|
|
72
|
+
originalClassName?: string;
|
|
73
|
+
value?: number;
|
|
74
74
|
}) => string;
|
|
75
75
|
getStatus: () => any;
|
|
76
76
|
getAllDataGroupsNames: () => string[];
|
|
@@ -79,7 +79,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
79
79
|
};
|
|
80
80
|
init: (holder: HTMLDivElement, chartConfigs: import('@carbon/charts').ChartConfig<import('@carbon/charts').BaseChartOptions>) => void;
|
|
81
81
|
getComponents: () => import('@carbon/charts').Component[];
|
|
82
|
-
update: (animate?: boolean
|
|
82
|
+
update: (animate?: boolean) => void;
|
|
83
83
|
destroy: () => void;
|
|
84
84
|
} | null>;
|
|
85
85
|
chartDiv: import('../../vue/dist/vue.esm-bundler.js').Ref<HTMLDivElement | null>;
|
|
@@ -14,15 +14,15 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
14
14
|
renderType: import('@carbon/charts').RenderTypes;
|
|
15
15
|
id: string;
|
|
16
16
|
init: () => void;
|
|
17
|
-
render: (animate?: boolean
|
|
17
|
+
render: (animate?: boolean) => void;
|
|
18
18
|
destroy: () => void;
|
|
19
19
|
setModel: (newObj: any) => void;
|
|
20
20
|
setServices: (newObj: any) => void;
|
|
21
21
|
setParent: (parent: any) => void;
|
|
22
|
-
getParent: () => import('d3-selection').Selection<
|
|
22
|
+
getParent: () => import('d3-selection').Selection<SVGGraphicsElement | HTMLDivElement, any, HTMLElement, any>;
|
|
23
23
|
getComponentContainer: (configs?: {
|
|
24
24
|
withinChartClip: boolean;
|
|
25
|
-
}
|
|
25
|
+
}) => import('d3-selection').Selection<any, any, Element, any>;
|
|
26
26
|
getOptions: () => any;
|
|
27
27
|
}[];
|
|
28
28
|
services: any;
|
|
@@ -51,24 +51,24 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
51
51
|
name: string;
|
|
52
52
|
data: any;
|
|
53
53
|
}[];
|
|
54
|
-
getStackKeys: ({ bins, groups }?: import('@carbon/charts').StackKeysParams
|
|
54
|
+
getStackKeys: ({ bins, groups }?: import('@carbon/charts').StackKeysParams) => any;
|
|
55
55
|
getDataValuesGroupedByKeys: ({ bins, groups }: import('@carbon/charts').StackKeysParams) => any;
|
|
56
56
|
getStackedData: ({ percentage, groups, divergent }: import('@carbon/charts').StackKeysParams) => any[][];
|
|
57
57
|
getOptions: () => any;
|
|
58
58
|
set: (newState: any, configs?: any) => void;
|
|
59
|
-
get: (property?: string
|
|
59
|
+
get: (property?: string) => any;
|
|
60
60
|
setOptions: (newOptions: any) => void;
|
|
61
|
-
update: (animate?: boolean
|
|
61
|
+
update: (animate?: boolean) => void;
|
|
62
62
|
toggleDataLabel: (changedLabel: string) => void;
|
|
63
|
-
getIsFilled: (group: any, key?: any, data?: any, defaultFilled?: boolean
|
|
63
|
+
getIsFilled: (group: any, key?: any, data?: any, defaultFilled?: boolean) => any;
|
|
64
64
|
getFillColor: (group: any, key?: any, data?: any) => any;
|
|
65
65
|
getStrokeColor: (group: any, key?: any, data?: any) => any;
|
|
66
66
|
isUserProvidedColorScaleValid: () => any;
|
|
67
67
|
getColorClassName: (configs: {
|
|
68
|
-
classNameTypes?: import('@carbon/charts').ColorClassNameTypes[]
|
|
69
|
-
dataGroupName?: string | number
|
|
70
|
-
originalClassName?: string
|
|
71
|
-
value?: number
|
|
68
|
+
classNameTypes?: import('@carbon/charts').ColorClassNameTypes[];
|
|
69
|
+
dataGroupName?: string | number;
|
|
70
|
+
originalClassName?: string;
|
|
71
|
+
value?: number;
|
|
72
72
|
}) => string;
|
|
73
73
|
getStatus: () => any;
|
|
74
74
|
getAllDataGroupsNames: () => string[];
|
|
@@ -77,7 +77,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
77
77
|
};
|
|
78
78
|
init: (holder: HTMLDivElement, chartConfigs: import('@carbon/charts').ChartConfig<import('@carbon/charts').BaseChartOptions>) => void;
|
|
79
79
|
getComponents: () => import('@carbon/charts').Component[];
|
|
80
|
-
update: (animate?: boolean
|
|
80
|
+
update: (animate?: boolean) => void;
|
|
81
81
|
destroy: () => void;
|
|
82
82
|
} | null>;
|
|
83
83
|
chartDiv: import('../../vue/dist/vue.esm-bundler.js').Ref<HTMLDivElement | null>;
|
|
@@ -16,15 +16,15 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
16
16
|
renderType: import('@carbon/charts').RenderTypes;
|
|
17
17
|
id: string;
|
|
18
18
|
init: () => void;
|
|
19
|
-
render: (animate?: boolean
|
|
19
|
+
render: (animate?: boolean) => void;
|
|
20
20
|
destroy: () => void;
|
|
21
21
|
setModel: (newObj: any) => void;
|
|
22
22
|
setServices: (newObj: any) => void;
|
|
23
23
|
setParent: (parent: any) => void;
|
|
24
|
-
getParent: () => import('d3-selection').Selection<
|
|
24
|
+
getParent: () => import('d3-selection').Selection<SVGGraphicsElement | HTMLDivElement, any, HTMLElement, any>;
|
|
25
25
|
getComponentContainer: (configs?: {
|
|
26
26
|
withinChartClip: boolean;
|
|
27
|
-
}
|
|
27
|
+
}) => import('d3-selection').Selection<any, any, Element, any>;
|
|
28
28
|
getOptions: () => any;
|
|
29
29
|
}[];
|
|
30
30
|
services: any;
|
|
@@ -53,24 +53,24 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
53
53
|
name: string;
|
|
54
54
|
data: any;
|
|
55
55
|
}[];
|
|
56
|
-
getStackKeys: ({ bins, groups }?: import('@carbon/charts').StackKeysParams
|
|
56
|
+
getStackKeys: ({ bins, groups }?: import('@carbon/charts').StackKeysParams) => any;
|
|
57
57
|
getDataValuesGroupedByKeys: ({ bins, groups }: import('@carbon/charts').StackKeysParams) => any;
|
|
58
58
|
getStackedData: ({ percentage, groups, divergent }: import('@carbon/charts').StackKeysParams) => any[][];
|
|
59
59
|
getOptions: () => any;
|
|
60
60
|
set: (newState: any, configs?: any) => void;
|
|
61
|
-
get: (property?: string
|
|
61
|
+
get: (property?: string) => any;
|
|
62
62
|
setOptions: (newOptions: any) => void;
|
|
63
|
-
update: (animate?: boolean
|
|
63
|
+
update: (animate?: boolean) => void;
|
|
64
64
|
toggleDataLabel: (changedLabel: string) => void;
|
|
65
|
-
getIsFilled: (group: any, key?: any, data?: any, defaultFilled?: boolean
|
|
65
|
+
getIsFilled: (group: any, key?: any, data?: any, defaultFilled?: boolean) => any;
|
|
66
66
|
getFillColor: (group: any, key?: any, data?: any) => any;
|
|
67
67
|
getStrokeColor: (group: any, key?: any, data?: any) => any;
|
|
68
68
|
isUserProvidedColorScaleValid: () => any;
|
|
69
69
|
getColorClassName: (configs: {
|
|
70
|
-
classNameTypes?: import('@carbon/charts').ColorClassNameTypes[]
|
|
71
|
-
dataGroupName?: string | number
|
|
72
|
-
originalClassName?: string
|
|
73
|
-
value?: number
|
|
70
|
+
classNameTypes?: import('@carbon/charts').ColorClassNameTypes[];
|
|
71
|
+
dataGroupName?: string | number;
|
|
72
|
+
originalClassName?: string;
|
|
73
|
+
value?: number;
|
|
74
74
|
}) => string;
|
|
75
75
|
getStatus: () => any;
|
|
76
76
|
getAllDataGroupsNames: () => string[];
|
|
@@ -79,7 +79,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
79
79
|
};
|
|
80
80
|
init: (holder: HTMLDivElement, chartConfigs: import('@carbon/charts').ChartConfig<import('@carbon/charts').BaseChartOptions>) => void;
|
|
81
81
|
getComponents: () => import('@carbon/charts').Component[];
|
|
82
|
-
update: (animate?: boolean
|
|
82
|
+
update: (animate?: boolean) => void;
|
|
83
83
|
destroy: () => void;
|
|
84
84
|
} | null>;
|
|
85
85
|
chartDiv: import('../../vue/dist/vue.esm-bundler.js').Ref<HTMLDivElement | null>;
|
|
@@ -16,15 +16,15 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
16
16
|
renderType: import('@carbon/charts').RenderTypes;
|
|
17
17
|
id: string;
|
|
18
18
|
init: () => void;
|
|
19
|
-
render: (animate?: boolean
|
|
19
|
+
render: (animate?: boolean) => void;
|
|
20
20
|
destroy: () => void;
|
|
21
21
|
setModel: (newObj: any) => void;
|
|
22
22
|
setServices: (newObj: any) => void;
|
|
23
23
|
setParent: (parent: any) => void;
|
|
24
|
-
getParent: () => import('d3-selection').Selection<
|
|
24
|
+
getParent: () => import('d3-selection').Selection<SVGGraphicsElement | HTMLDivElement, any, HTMLElement, any>;
|
|
25
25
|
getComponentContainer: (configs?: {
|
|
26
26
|
withinChartClip: boolean;
|
|
27
|
-
}
|
|
27
|
+
}) => import('d3-selection').Selection<any, any, Element, any>;
|
|
28
28
|
getOptions: () => any;
|
|
29
29
|
}[];
|
|
30
30
|
services: any;
|
|
@@ -53,24 +53,24 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
53
53
|
name: string;
|
|
54
54
|
data: any;
|
|
55
55
|
}[];
|
|
56
|
-
getStackKeys: ({ bins, groups }?: import('@carbon/charts').StackKeysParams
|
|
56
|
+
getStackKeys: ({ bins, groups }?: import('@carbon/charts').StackKeysParams) => any;
|
|
57
57
|
getDataValuesGroupedByKeys: ({ bins, groups }: import('@carbon/charts').StackKeysParams) => any;
|
|
58
58
|
getStackedData: ({ percentage, groups, divergent }: import('@carbon/charts').StackKeysParams) => any[][];
|
|
59
59
|
getOptions: () => any;
|
|
60
60
|
set: (newState: any, configs?: any) => void;
|
|
61
|
-
get: (property?: string
|
|
61
|
+
get: (property?: string) => any;
|
|
62
62
|
setOptions: (newOptions: any) => void;
|
|
63
|
-
update: (animate?: boolean
|
|
63
|
+
update: (animate?: boolean) => void;
|
|
64
64
|
toggleDataLabel: (changedLabel: string) => void;
|
|
65
|
-
getIsFilled: (group: any, key?: any, data?: any, defaultFilled?: boolean
|
|
65
|
+
getIsFilled: (group: any, key?: any, data?: any, defaultFilled?: boolean) => any;
|
|
66
66
|
getFillColor: (group: any, key?: any, data?: any) => any;
|
|
67
67
|
getStrokeColor: (group: any, key?: any, data?: any) => any;
|
|
68
68
|
isUserProvidedColorScaleValid: () => any;
|
|
69
69
|
getColorClassName: (configs: {
|
|
70
|
-
classNameTypes?: import('@carbon/charts').ColorClassNameTypes[]
|
|
71
|
-
dataGroupName?: string | number
|
|
72
|
-
originalClassName?: string
|
|
73
|
-
value?: number
|
|
70
|
+
classNameTypes?: import('@carbon/charts').ColorClassNameTypes[];
|
|
71
|
+
dataGroupName?: string | number;
|
|
72
|
+
originalClassName?: string;
|
|
73
|
+
value?: number;
|
|
74
74
|
}) => string;
|
|
75
75
|
getStatus: () => any;
|
|
76
76
|
getAllDataGroupsNames: () => string[];
|
|
@@ -79,7 +79,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
79
79
|
};
|
|
80
80
|
init: (holder: HTMLDivElement, chartConfigs: import('@carbon/charts').ChartConfig<import('@carbon/charts').BaseChartOptions>) => void;
|
|
81
81
|
getComponents: () => import('@carbon/charts').Component[];
|
|
82
|
-
update: (animate?: boolean
|
|
82
|
+
update: (animate?: boolean) => void;
|
|
83
83
|
destroy: () => void;
|
|
84
84
|
} | null>;
|
|
85
85
|
chartDiv: import('../../vue/dist/vue.esm-bundler.js').Ref<HTMLDivElement | null>;
|
|
@@ -16,15 +16,15 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
16
16
|
renderType: import('@carbon/charts').RenderTypes;
|
|
17
17
|
id: string;
|
|
18
18
|
init: () => void;
|
|
19
|
-
render: (animate?: boolean
|
|
19
|
+
render: (animate?: boolean) => void;
|
|
20
20
|
destroy: () => void;
|
|
21
21
|
setModel: (newObj: any) => void;
|
|
22
22
|
setServices: (newObj: any) => void;
|
|
23
23
|
setParent: (parent: any) => void;
|
|
24
|
-
getParent: () => import('d3-selection').Selection<
|
|
24
|
+
getParent: () => import('d3-selection').Selection<SVGGraphicsElement | HTMLDivElement, any, HTMLElement, any>;
|
|
25
25
|
getComponentContainer: (configs?: {
|
|
26
26
|
withinChartClip: boolean;
|
|
27
|
-
}
|
|
27
|
+
}) => import('d3-selection').Selection<any, any, Element, any>;
|
|
28
28
|
getOptions: () => any;
|
|
29
29
|
}[];
|
|
30
30
|
services: any;
|
|
@@ -53,24 +53,24 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
53
53
|
name: string;
|
|
54
54
|
data: any;
|
|
55
55
|
}[];
|
|
56
|
-
getStackKeys: ({ bins, groups }?: import('@carbon/charts').StackKeysParams
|
|
56
|
+
getStackKeys: ({ bins, groups }?: import('@carbon/charts').StackKeysParams) => any;
|
|
57
57
|
getDataValuesGroupedByKeys: ({ bins, groups }: import('@carbon/charts').StackKeysParams) => any;
|
|
58
58
|
getStackedData: ({ percentage, groups, divergent }: import('@carbon/charts').StackKeysParams) => any[][];
|
|
59
59
|
getOptions: () => any;
|
|
60
60
|
set: (newState: any, configs?: any) => void;
|
|
61
|
-
get: (property?: string
|
|
61
|
+
get: (property?: string) => any;
|
|
62
62
|
setOptions: (newOptions: any) => void;
|
|
63
|
-
update: (animate?: boolean
|
|
63
|
+
update: (animate?: boolean) => void;
|
|
64
64
|
toggleDataLabel: (changedLabel: string) => void;
|
|
65
|
-
getIsFilled: (group: any, key?: any, data?: any, defaultFilled?: boolean
|
|
65
|
+
getIsFilled: (group: any, key?: any, data?: any, defaultFilled?: boolean) => any;
|
|
66
66
|
getFillColor: (group: any, key?: any, data?: any) => any;
|
|
67
67
|
getStrokeColor: (group: any, key?: any, data?: any) => any;
|
|
68
68
|
isUserProvidedColorScaleValid: () => any;
|
|
69
69
|
getColorClassName: (configs: {
|
|
70
|
-
classNameTypes?: import('@carbon/charts').ColorClassNameTypes[]
|
|
71
|
-
dataGroupName?: string | number
|
|
72
|
-
originalClassName?: string
|
|
73
|
-
value?: number
|
|
70
|
+
classNameTypes?: import('@carbon/charts').ColorClassNameTypes[];
|
|
71
|
+
dataGroupName?: string | number;
|
|
72
|
+
originalClassName?: string;
|
|
73
|
+
value?: number;
|
|
74
74
|
}) => string;
|
|
75
75
|
getStatus: () => any;
|
|
76
76
|
getAllDataGroupsNames: () => string[];
|
|
@@ -79,7 +79,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
79
79
|
};
|
|
80
80
|
init: (holder: HTMLDivElement, chartConfigs: import('@carbon/charts').ChartConfig<import('@carbon/charts').BaseChartOptions>) => void;
|
|
81
81
|
getComponents: () => import('@carbon/charts').Component[];
|
|
82
|
-
update: (animate?: boolean
|
|
82
|
+
update: (animate?: boolean) => void;
|
|
83
83
|
destroy: () => void;
|
|
84
84
|
} | null>;
|
|
85
85
|
chartDiv: import('../../vue/dist/vue.esm-bundler.js').Ref<HTMLDivElement | null>;
|
|
@@ -16,15 +16,15 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
16
16
|
renderType: import('@carbon/charts').RenderTypes;
|
|
17
17
|
id: string;
|
|
18
18
|
init: () => void;
|
|
19
|
-
render: (animate?: boolean
|
|
19
|
+
render: (animate?: boolean) => void;
|
|
20
20
|
destroy: () => void;
|
|
21
21
|
setModel: (newObj: any) => void;
|
|
22
22
|
setServices: (newObj: any) => void;
|
|
23
23
|
setParent: (parent: any) => void;
|
|
24
|
-
getParent: () => import('d3-selection').Selection<
|
|
24
|
+
getParent: () => import('d3-selection').Selection<SVGGraphicsElement | HTMLDivElement, any, HTMLElement, any>;
|
|
25
25
|
getComponentContainer: (configs?: {
|
|
26
26
|
withinChartClip: boolean;
|
|
27
|
-
}
|
|
27
|
+
}) => import('d3-selection').Selection<any, any, Element, any>;
|
|
28
28
|
getOptions: () => any;
|
|
29
29
|
}[];
|
|
30
30
|
services: any;
|
|
@@ -53,24 +53,24 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
53
53
|
name: string;
|
|
54
54
|
data: any;
|
|
55
55
|
}[];
|
|
56
|
-
getStackKeys: ({ bins, groups }?: import('@carbon/charts').StackKeysParams
|
|
56
|
+
getStackKeys: ({ bins, groups }?: import('@carbon/charts').StackKeysParams) => any;
|
|
57
57
|
getDataValuesGroupedByKeys: ({ bins, groups }: import('@carbon/charts').StackKeysParams) => any;
|
|
58
58
|
getStackedData: ({ percentage, groups, divergent }: import('@carbon/charts').StackKeysParams) => any[][];
|
|
59
59
|
getOptions: () => any;
|
|
60
60
|
set: (newState: any, configs?: any) => void;
|
|
61
|
-
get: (property?: string
|
|
61
|
+
get: (property?: string) => any;
|
|
62
62
|
setOptions: (newOptions: any) => void;
|
|
63
|
-
update: (animate?: boolean
|
|
63
|
+
update: (animate?: boolean) => void;
|
|
64
64
|
toggleDataLabel: (changedLabel: string) => void;
|
|
65
|
-
getIsFilled: (group: any, key?: any, data?: any, defaultFilled?: boolean
|
|
65
|
+
getIsFilled: (group: any, key?: any, data?: any, defaultFilled?: boolean) => any;
|
|
66
66
|
getFillColor: (group: any, key?: any, data?: any) => any;
|
|
67
67
|
getStrokeColor: (group: any, key?: any, data?: any) => any;
|
|
68
68
|
isUserProvidedColorScaleValid: () => any;
|
|
69
69
|
getColorClassName: (configs: {
|
|
70
|
-
classNameTypes?: import('@carbon/charts').ColorClassNameTypes[]
|
|
71
|
-
dataGroupName?: string | number
|
|
72
|
-
originalClassName?: string
|
|
73
|
-
value?: number
|
|
70
|
+
classNameTypes?: import('@carbon/charts').ColorClassNameTypes[];
|
|
71
|
+
dataGroupName?: string | number;
|
|
72
|
+
originalClassName?: string;
|
|
73
|
+
value?: number;
|
|
74
74
|
}) => string;
|
|
75
75
|
getStatus: () => any;
|
|
76
76
|
getAllDataGroupsNames: () => string[];
|
|
@@ -79,7 +79,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
79
79
|
};
|
|
80
80
|
init: (holder: HTMLDivElement, chartConfigs: import('@carbon/charts').ChartConfig<import('@carbon/charts').BaseChartOptions>) => void;
|
|
81
81
|
getComponents: () => import('@carbon/charts').Component[];
|
|
82
|
-
update: (animate?: boolean
|
|
82
|
+
update: (animate?: boolean) => void;
|
|
83
83
|
destroy: () => void;
|
|
84
84
|
} | null>;
|
|
85
85
|
chartDiv: import('../../vue/dist/vue.esm-bundler.js').Ref<HTMLDivElement | null>;
|
|
@@ -16,15 +16,15 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
16
16
|
renderType: import('@carbon/charts').RenderTypes;
|
|
17
17
|
id: string;
|
|
18
18
|
init: () => void;
|
|
19
|
-
render: (animate?: boolean
|
|
19
|
+
render: (animate?: boolean) => void;
|
|
20
20
|
destroy: () => void;
|
|
21
21
|
setModel: (newObj: any) => void;
|
|
22
22
|
setServices: (newObj: any) => void;
|
|
23
23
|
setParent: (parent: any) => void;
|
|
24
|
-
getParent: () => import('d3-selection').Selection<
|
|
24
|
+
getParent: () => import('d3-selection').Selection<SVGGraphicsElement | HTMLDivElement, any, HTMLElement, any>;
|
|
25
25
|
getComponentContainer: (configs?: {
|
|
26
26
|
withinChartClip: boolean;
|
|
27
|
-
}
|
|
27
|
+
}) => import('d3-selection').Selection<any, any, Element, any>;
|
|
28
28
|
getOptions: () => any;
|
|
29
29
|
}[];
|
|
30
30
|
services: any;
|
|
@@ -53,24 +53,24 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
53
53
|
name: string;
|
|
54
54
|
data: any;
|
|
55
55
|
}[];
|
|
56
|
-
getStackKeys: ({ bins, groups }?: import('@carbon/charts').StackKeysParams
|
|
56
|
+
getStackKeys: ({ bins, groups }?: import('@carbon/charts').StackKeysParams) => any;
|
|
57
57
|
getDataValuesGroupedByKeys: ({ bins, groups }: import('@carbon/charts').StackKeysParams) => any;
|
|
58
58
|
getStackedData: ({ percentage, groups, divergent }: import('@carbon/charts').StackKeysParams) => any[][];
|
|
59
59
|
getOptions: () => any;
|
|
60
60
|
set: (newState: any, configs?: any) => void;
|
|
61
|
-
get: (property?: string
|
|
61
|
+
get: (property?: string) => any;
|
|
62
62
|
setOptions: (newOptions: any) => void;
|
|
63
|
-
update: (animate?: boolean
|
|
63
|
+
update: (animate?: boolean) => void;
|
|
64
64
|
toggleDataLabel: (changedLabel: string) => void;
|
|
65
|
-
getIsFilled: (group: any, key?: any, data?: any, defaultFilled?: boolean
|
|
65
|
+
getIsFilled: (group: any, key?: any, data?: any, defaultFilled?: boolean) => any;
|
|
66
66
|
getFillColor: (group: any, key?: any, data?: any) => any;
|
|
67
67
|
getStrokeColor: (group: any, key?: any, data?: any) => any;
|
|
68
68
|
isUserProvidedColorScaleValid: () => any;
|
|
69
69
|
getColorClassName: (configs: {
|
|
70
|
-
classNameTypes?: import('@carbon/charts').ColorClassNameTypes[]
|
|
71
|
-
dataGroupName?: string | number
|
|
72
|
-
originalClassName?: string
|
|
73
|
-
value?: number
|
|
70
|
+
classNameTypes?: import('@carbon/charts').ColorClassNameTypes[];
|
|
71
|
+
dataGroupName?: string | number;
|
|
72
|
+
originalClassName?: string;
|
|
73
|
+
value?: number;
|
|
74
74
|
}) => string;
|
|
75
75
|
getStatus: () => any;
|
|
76
76
|
getAllDataGroupsNames: () => string[];
|
|
@@ -79,7 +79,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
79
79
|
};
|
|
80
80
|
init: (holder: HTMLDivElement, chartConfigs: import('@carbon/charts').ChartConfig<import('@carbon/charts').BaseChartOptions>) => void;
|
|
81
81
|
getComponents: () => import('@carbon/charts').Component[];
|
|
82
|
-
update: (animate?: boolean
|
|
82
|
+
update: (animate?: boolean) => void;
|
|
83
83
|
destroy: () => void;
|
|
84
84
|
} | null>;
|
|
85
85
|
chartDiv: import('../../vue/dist/vue.esm-bundler.js').Ref<HTMLDivElement | null>;
|
|
@@ -16,15 +16,15 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
16
16
|
renderType: import('@carbon/charts').RenderTypes;
|
|
17
17
|
id: string;
|
|
18
18
|
init: () => void;
|
|
19
|
-
render: (animate?: boolean
|
|
19
|
+
render: (animate?: boolean) => void;
|
|
20
20
|
destroy: () => void;
|
|
21
21
|
setModel: (newObj: any) => void;
|
|
22
22
|
setServices: (newObj: any) => void;
|
|
23
23
|
setParent: (parent: any) => void;
|
|
24
|
-
getParent: () => import('d3-selection').Selection<
|
|
24
|
+
getParent: () => import('d3-selection').Selection<SVGGraphicsElement | HTMLDivElement, any, HTMLElement, any>;
|
|
25
25
|
getComponentContainer: (configs?: {
|
|
26
26
|
withinChartClip: boolean;
|
|
27
|
-
}
|
|
27
|
+
}) => import('d3-selection').Selection<any, any, Element, any>;
|
|
28
28
|
getOptions: () => any;
|
|
29
29
|
}[];
|
|
30
30
|
services: any;
|
|
@@ -53,24 +53,24 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
53
53
|
name: string;
|
|
54
54
|
data: any;
|
|
55
55
|
}[];
|
|
56
|
-
getStackKeys: ({ bins, groups }?: import('@carbon/charts').StackKeysParams
|
|
56
|
+
getStackKeys: ({ bins, groups }?: import('@carbon/charts').StackKeysParams) => any;
|
|
57
57
|
getDataValuesGroupedByKeys: ({ bins, groups }: import('@carbon/charts').StackKeysParams) => any;
|
|
58
58
|
getStackedData: ({ percentage, groups, divergent }: import('@carbon/charts').StackKeysParams) => any[][];
|
|
59
59
|
getOptions: () => any;
|
|
60
60
|
set: (newState: any, configs?: any) => void;
|
|
61
|
-
get: (property?: string
|
|
61
|
+
get: (property?: string) => any;
|
|
62
62
|
setOptions: (newOptions: any) => void;
|
|
63
|
-
update: (animate?: boolean
|
|
63
|
+
update: (animate?: boolean) => void;
|
|
64
64
|
toggleDataLabel: (changedLabel: string) => void;
|
|
65
|
-
getIsFilled: (group: any, key?: any, data?: any, defaultFilled?: boolean
|
|
65
|
+
getIsFilled: (group: any, key?: any, data?: any, defaultFilled?: boolean) => any;
|
|
66
66
|
getFillColor: (group: any, key?: any, data?: any) => any;
|
|
67
67
|
getStrokeColor: (group: any, key?: any, data?: any) => any;
|
|
68
68
|
isUserProvidedColorScaleValid: () => any;
|
|
69
69
|
getColorClassName: (configs: {
|
|
70
|
-
classNameTypes?: import('@carbon/charts').ColorClassNameTypes[]
|
|
71
|
-
dataGroupName?: string | number
|
|
72
|
-
originalClassName?: string
|
|
73
|
-
value?: number
|
|
70
|
+
classNameTypes?: import('@carbon/charts').ColorClassNameTypes[];
|
|
71
|
+
dataGroupName?: string | number;
|
|
72
|
+
originalClassName?: string;
|
|
73
|
+
value?: number;
|
|
74
74
|
}) => string;
|
|
75
75
|
getStatus: () => any;
|
|
76
76
|
getAllDataGroupsNames: () => string[];
|
|
@@ -79,7 +79,7 @@ declare const _default: import('../../vue/dist/vue.esm-bundler.js').DefineCompon
|
|
|
79
79
|
};
|
|
80
80
|
init: (holder: HTMLDivElement, chartConfigs: import('@carbon/charts').ChartConfig<import('@carbon/charts').BaseChartOptions>) => void;
|
|
81
81
|
getComponents: () => import('@carbon/charts').Component[];
|
|
82
|
-
update: (animate?: boolean
|
|
82
|
+
update: (animate?: boolean) => void;
|
|
83
83
|
destroy: () => void;
|
|
84
84
|
} | null>;
|
|
85
85
|
chartDiv: import('../../vue/dist/vue.esm-bundler.js').Ref<HTMLDivElement | null>;
|