@carbon/charts 0.44.1 → 0.46.4

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.
Files changed (101) hide show
  1. package/CHANGELOG.md +65 -18
  2. package/README.md +2 -2
  3. package/build/demo/data/donut.d.ts +11 -0
  4. package/build/demo/data/meter.d.ts +31 -0
  5. package/build/demo/data/pie.d.ts +11 -0
  6. package/build/src/components/essentials/title-meter.d.ts +2 -0
  7. package/build/src/components/graphs/meter.d.ts +3 -0
  8. package/build/src/components/index.d.ts +0 -1
  9. package/build/src/configuration-non-customizable.d.ts +8 -0
  10. package/build/src/configuration.d.ts +2 -1
  11. package/build/src/interfaces/charts.d.ts +17 -0
  12. package/build/src/interfaces/events.d.ts +9 -0
  13. package/build/src/model/meter.d.ts +1 -2
  14. package/build/src/tools.d.ts +2 -1
  15. package/bundle.js +1 -1
  16. package/charts/histogram.js.map +1 -1
  17. package/charts/meter.js +7 -3
  18. package/charts/meter.js.map +1 -1
  19. package/components/axes/ruler-binned.js.map +1 -1
  20. package/components/essentials/title-meter.d.ts +2 -0
  21. package/components/essentials/title-meter.js +123 -24
  22. package/components/essentials/title-meter.js.map +1 -1
  23. package/components/essentials/title.js +3 -1
  24. package/components/essentials/title.js.map +1 -1
  25. package/components/graphs/bar-stacked.js +1 -1
  26. package/components/graphs/bar-stacked.js.map +1 -1
  27. package/components/graphs/donut.js +1 -1
  28. package/components/graphs/donut.js.map +1 -1
  29. package/components/graphs/histogram.js.map +1 -1
  30. package/components/graphs/meter.d.ts +3 -0
  31. package/components/graphs/meter.js +176 -21
  32. package/components/graphs/meter.js.map +1 -1
  33. package/components/graphs/pie.js +10 -9
  34. package/components/graphs/pie.js.map +1 -1
  35. package/components/index.d.ts +0 -1
  36. package/components/index.js +0 -1
  37. package/components/index.js.map +1 -1
  38. package/configuration-non-customizable.d.ts +8 -0
  39. package/configuration-non-customizable.js +8 -0
  40. package/configuration-non-customizable.js.map +1 -1
  41. package/configuration.d.ts +2 -1
  42. package/configuration.js +9 -1
  43. package/configuration.js.map +1 -1
  44. package/demo/create-codesandbox.js +6 -5
  45. package/demo/create-codesandbox.js.map +1 -1
  46. package/demo/data/bundle.js +1 -1
  47. package/demo/data/donut.d.ts +11 -0
  48. package/demo/data/donut.js +10 -1
  49. package/demo/data/donut.js.map +1 -1
  50. package/demo/data/histogram.js +2 -2
  51. package/demo/data/histogram.js.map +1 -1
  52. package/demo/data/index.js +25 -0
  53. package/demo/data/index.js.map +1 -1
  54. package/demo/data/meter.d.ts +31 -0
  55. package/demo/data/meter.js +35 -0
  56. package/demo/data/meter.js.map +1 -1
  57. package/demo/data/pie.d.ts +11 -0
  58. package/demo/data/pie.js +16 -0
  59. package/demo/data/pie.js.map +1 -1
  60. package/demo/styles.css +46 -0
  61. package/demo/styles.css.map +1 -1
  62. package/demo/styles.min.css +1 -1
  63. package/demo/styles.min.css.map +1 -1
  64. package/demo/tsconfig.tsbuildinfo +9 -9
  65. package/interfaces/axis-scales.js.map +1 -1
  66. package/interfaces/charts.d.ts +17 -0
  67. package/interfaces/charts.js.map +1 -1
  68. package/interfaces/events.d.ts +9 -0
  69. package/interfaces/events.js +10 -0
  70. package/interfaces/events.js.map +1 -1
  71. package/model/meter.d.ts +1 -2
  72. package/model/meter.js +4 -14
  73. package/model/meter.js.map +1 -1
  74. package/package.json +1 -1
  75. package/styles/components/_legend.scss +4 -1
  76. package/styles/components/_meter-title.scss +4 -0
  77. package/styles/graphs/_meter.scss +12 -0
  78. package/styles-g10.css +11 -0
  79. package/styles-g10.css.map +1 -1
  80. package/styles-g10.min.css +1 -1
  81. package/styles-g10.min.css.map +1 -1
  82. package/styles-g100.css +12 -0
  83. package/styles-g100.css.map +1 -1
  84. package/styles-g100.min.css +1 -1
  85. package/styles-g100.min.css.map +1 -1
  86. package/styles-g90.css +12 -0
  87. package/styles-g90.css.map +1 -1
  88. package/styles-g90.min.css +1 -1
  89. package/styles-g90.min.css.map +1 -1
  90. package/styles.css +11 -0
  91. package/styles.css.map +1 -1
  92. package/styles.min.css +1 -1
  93. package/styles.min.css.map +1 -1
  94. package/tools.d.ts +2 -1
  95. package/tools.js +16 -9
  96. package/tools.js.map +1 -1
  97. package/tsconfig.tsbuildinfo +30 -50
  98. package/build/src/components/essentials/tooltip-histogram.d.ts +0 -26
  99. package/components/essentials/tooltip-histogram.d.ts +0 -26
  100. package/components/essentials/tooltip-histogram.js +0 -154
  101. package/components/essentials/tooltip-histogram.js.map +0 -1
package/CHANGELOG.md CHANGED
@@ -3,7 +3,18 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [0.44.1](https://github.com/carbon-design-system/carbon-charts/compare/v0.44.0...v0.44.1) (2021-08-19)
6
+ ## [0.46.4](https://github.com/carbon-design-system/carbon-charts/compare/v0.46.3...v0.46.4) (2021-08-31)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **core:** display correct toolbar controls based on provided options ([#1127](https://github.com/carbon-design-system/carbon-charts/issues/1127)) ([77e0e43](https://github.com/carbon-design-system/carbon-charts/commit/77e0e431c3c5c57eec3e49757747c1a7835f93de)), closes [#1109](https://github.com/carbon-design-system/carbon-charts/issues/1109)
12
+
13
+
14
+
15
+
16
+
17
+ ## [0.46.3](https://github.com/carbon-design-system/carbon-charts/compare/v0.46.2...v0.46.3) (2021-08-31)
7
18
 
8
19
  **Note:** Version bump only for package @carbon/charts
9
20
 
@@ -11,29 +22,39 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
11
22
 
12
23
 
13
24
 
14
- # [0.44.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.43.0...v0.44.0) (2021-08-18)
25
+ ## [0.46.2](https://github.com/carbon-design-system/carbon-charts/compare/v0.46.1...v0.46.2) (2021-08-30)
15
26
 
27
+ **Note:** Version bump only for package @carbon/charts
16
28
 
17
- ### Features
18
29
 
19
- * **core:** support negative values in stacked bar ([#1121](https://github.com/carbon-design-system/carbon-charts/issues/1121)) ([b71cc79](https://github.com/carbon-design-system/carbon-charts/commit/b71cc79876fe56b49cbb08441f41e17ee37fbcff))
20
30
 
21
31
 
22
32
 
33
+ ## [0.46.1](https://github.com/carbon-design-system/carbon-charts/compare/v0.46.0...v0.46.1) (2021-08-27)
34
+
35
+ **Note:** Version bump only for package @carbon/charts
36
+
37
+
23
38
 
24
39
 
25
- # [0.43.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.42.1...v0.43.0) (2021-08-17)
40
+
41
+ # [0.46.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.45.1...v0.46.0) (2021-08-27)
26
42
 
27
43
 
28
44
  ### Features
29
45
 
30
- * **core:** remove backgrounds on chart holder & wrapper ([#1120](https://github.com/carbon-design-system/carbon-charts/issues/1120)) ([8044c99](https://github.com/carbon-design-system/carbon-charts/commit/8044c99cd4c307147a164d3e60bbb23d2a0a2dc4))
46
+ * **charts:** add proportional meter chart ([#1040](https://github.com/carbon-design-system/carbon-charts/issues/1040)) ([10592e4](https://github.com/carbon-design-system/carbon-charts/commit/10592e40665d104117b8e2d2580e5edc407c3e8d))
31
47
 
32
48
 
33
49
 
34
50
 
35
51
 
36
- ## [0.42.1](https://github.com/carbon-design-system/carbon-charts/compare/v0.42.0...v0.42.1) (2021-08-13)
52
+ # Change Log
53
+
54
+ All notable changes to this project will be documented in this file. See
55
+ [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
56
+
57
+ ## [0.45.1](https://github.com/carbon-design-system/carbon-charts/compare/v0.45.0...v0.45.1) (2021-08-23)
37
58
 
38
59
  **Note:** Version bump only for package @carbon/charts
39
60
 
@@ -41,16 +62,51 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
41
62
 
42
63
 
43
64
 
44
- # [0.42.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.103...v0.42.0) (2021-08-13)
65
+ # [0.45.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.44.1...v0.45.0) (2021-08-19)
45
66
 
67
+ ### Features
68
+
69
+ - **core:** Add options to map value to other keys
70
+ ([#1122](https://github.com/carbon-design-system/carbon-charts/issues/1122))
71
+ ([1835192](https://github.com/carbon-design-system/carbon-charts/commit/18351924acc182c24a7467dfc989fdc1e5c759dc)),
72
+ closes
73
+ [#1110](https://github.com/carbon-design-system/carbon-charts/issues/1110)
74
+ [#1110](https://github.com/carbon-design-system/carbon-charts/issues/1110)
75
+ [#1110](https://github.com/carbon-design-system/carbon-charts/issues/1110)
76
+ [#1110](https://github.com/carbon-design-system/carbon-charts/issues/1110)
77
+ [#1110](https://github.com/carbon-design-system/carbon-charts/issues/1110)
78
+
79
+ ## [0.44.1](https://github.com/carbon-design-system/carbon-charts/compare/v0.44.0...v0.44.1) (2021-08-19)
80
+
81
+ **Note:** Version bump only for package @carbon/charts
82
+
83
+ # [0.44.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.43.0...v0.44.0) (2021-08-18)
84
+
85
+ ### Features
86
+
87
+ - **core:** support negative values in stacked bar
88
+ ([#1121](https://github.com/carbon-design-system/carbon-charts/issues/1121))
89
+ ([b71cc79](https://github.com/carbon-design-system/carbon-charts/commit/b71cc79876fe56b49cbb08441f41e17ee37fbcff))
90
+
91
+ # [0.43.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.42.1...v0.43.0) (2021-08-17)
46
92
 
47
93
  ### Features
48
94
 
49
- * **charts:** add histogram ([#1038](https://github.com/carbon-design-system/carbon-charts/issues/1038)) ([07e07b3](https://github.com/carbon-design-system/carbon-charts/commit/07e07b3a2e8bc0eb01a7f4fdfc004e8095fb7b26))
95
+ - **core:** remove backgrounds on chart holder & wrapper
96
+ ([#1120](https://github.com/carbon-design-system/carbon-charts/issues/1120))
97
+ ([8044c99](https://github.com/carbon-design-system/carbon-charts/commit/8044c99cd4c307147a164d3e60bbb23d2a0a2dc4))
50
98
 
99
+ ## [0.42.1](https://github.com/carbon-design-system/carbon-charts/compare/v0.42.0...v0.42.1) (2021-08-13)
51
100
 
101
+ **Note:** Version bump only for package @carbon/charts
52
102
 
103
+ # [0.42.0](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.103...v0.42.0) (2021-08-13)
53
104
 
105
+ ### Features
106
+
107
+ - **charts:** add histogram
108
+ ([#1038](https://github.com/carbon-design-system/carbon-charts/issues/1038))
109
+ ([07e07b3](https://github.com/carbon-design-system/carbon-charts/commit/07e07b3a2e8bc0eb01a7f4fdfc004e8095fb7b26))
54
110
 
55
111
  # Change Log
56
112
 
@@ -256,15 +312,6 @@ All notable changes to this project will be documented in this file. See
256
312
 
257
313
  **Note:** Version bump only for package @carbon/charts
258
314
 
259
- # Change Log
260
-
261
- All notable changes to this project will be documented in this file. See
262
- [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
263
-
264
- ## [0.41.68](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.67...v0.41.68) (2021-06-08)
265
-
266
- **Note:** Version bump only for package @carbon/charts
267
-
268
315
  ## [0.41.67](https://github.com/carbon-design-system/carbon-charts/compare/v0.41.66...v0.41.67) (2021-05-31)
269
316
 
270
317
  ### Bug Fixes
package/README.md CHANGED
@@ -23,7 +23,7 @@ bundled version of the library.
23
23
  ## Step-by-step instructions
24
24
 
25
25
  Read
26
- [here](https://carbon-design-system.github.io/carbon-charts/?path=/story/tutorials-getting-started--vanilla)
26
+ [here](https://carbon-design-system.github.io/carbon-charts/?path=/story/docs-getting-started--vanilla)
27
27
 
28
28
  ## Codesandbox examples
29
29
 
@@ -42,7 +42,7 @@ For instance in the case of a donut chart you're able to pass in an additional
42
42
  field called `center` in your options configuring the donut center.
43
43
 
44
44
  For instructions on using the **tabular data format**, see
45
- [here](https://carbon-design-system.github.io/carbon-charts/?path=/story/tutorials--tabular-data-format)
45
+ [here](https://carbon-design-system.github.io/carbon-charts/?path=/story/docs-tutorials--tabular-data-format)
46
46
 
47
47
  There are also additional options available depending on the chart type being
48
48
  used,
@@ -28,6 +28,17 @@ export declare const donutCenteredOptions: {
28
28
  alignment: string;
29
29
  };
30
30
  };
31
+ export declare const donutDataMapsTo: {
32
+ group: string;
33
+ count: number;
34
+ }[];
35
+ export declare const donutMapsToOptions: {
36
+ title: string;
37
+ resizable: boolean;
38
+ pie: {
39
+ valueMapsTo: string;
40
+ };
41
+ };
31
42
  export declare const donutEmptyStateData: any[];
32
43
  export declare const donutEmptyStateOptions: {
33
44
  title: string;
@@ -40,3 +40,34 @@ export declare const meterOptionsNoStatus: {
40
40
  };
41
41
  height: string;
42
42
  };
43
+ export declare const propMeterData: {
44
+ group: string;
45
+ value: number;
46
+ }[];
47
+ export declare const propMeterOptions: {
48
+ title: string;
49
+ height: string;
50
+ meter: {
51
+ proportional: {
52
+ total: number;
53
+ unit: string;
54
+ };
55
+ };
56
+ color: {
57
+ pairing: {
58
+ option: number;
59
+ };
60
+ };
61
+ };
62
+ export declare const propMeterTruncationOptions: {
63
+ title: string;
64
+ height: string;
65
+ meter: {
66
+ proportional: {
67
+ total: number;
68
+ unit: string;
69
+ totalFormatter: (total: any) => string;
70
+ breakdownFormatter: (x: any) => string;
71
+ };
72
+ };
73
+ };
@@ -20,6 +20,17 @@ export declare const pieCenteredOptions: {
20
20
  alignment: string;
21
21
  };
22
22
  };
23
+ export declare const pieDataMapsTo: {
24
+ group: string;
25
+ count: number;
26
+ }[];
27
+ export declare const pieMapToOptions: {
28
+ title: string;
29
+ resizable: boolean;
30
+ pie: {
31
+ valueMapsTo: string;
32
+ };
33
+ };
23
34
  export declare const pieEmptyStateData: any[];
24
35
  export declare const pieEmptyStateOptions: {
25
36
  title: string;
@@ -4,6 +4,8 @@ export declare class MeterTitle extends Title {
4
4
  type: string;
5
5
  renderType: RenderTypes;
6
6
  render(): void;
7
+ displayBreakdownTitle(): void;
8
+ displayTotal(): void;
7
9
  /**
8
10
  * Appends the corresponding status based on the value and the peak.
9
11
  */
@@ -3,5 +3,8 @@ import { RenderTypes } from '../../interfaces';
3
3
  export declare class Meter extends Component {
4
4
  type: string;
5
5
  renderType: RenderTypes;
6
+ getStackedBounds(data: any, scale: any): any;
6
7
  render(animate?: boolean): void;
8
+ addEventListeners(): void;
9
+ destroy(): void;
7
10
  }
@@ -6,7 +6,6 @@ export * from './essentials/title';
6
6
  export * from './essentials/title-meter';
7
7
  export * from './essentials/tooltip';
8
8
  export * from './essentials/tooltip-axis';
9
- export * from "./essentials/tooltip-histogram";
10
9
  export * from './essentials/canvas-chart-clip';
11
10
  export * from './graphs/area';
12
11
  export * from './graphs/area-stacked';
@@ -149,6 +149,14 @@ export declare const meter: {
149
149
  indicatorSize: number;
150
150
  paddingLeft: number;
151
151
  };
152
+ total: {
153
+ paddingLeft: number;
154
+ };
155
+ height: {
156
+ default: number;
157
+ proportional: number;
158
+ };
159
+ dividerWidth: number;
152
160
  };
153
161
  export declare const pie: {
154
162
  radiusOffset: number;
@@ -1,4 +1,4 @@
1
- import { BaseChartOptions, AxisChartOptions, ScatterChartOptions, LollipopChartOptions, LineChartOptions, BarChartOptions, StackedBarChartOptions, BoxplotChartOptions, AreaChartOptions, PieChartOptions, GaugeChartOptions, DonutChartOptions, BubbleChartOptions, BulletChartOptions, HistogramChartOptions, RadarChartOptions, ComboChartOptions, TreemapChartOptions, CirclePackChartOptions, WorldCloudChartOptions, GridOptions, RulerOptions, TimeScaleOptions, TooltipOptions, MeterChartOptions } from './interfaces';
1
+ import { BaseChartOptions, AxisChartOptions, ScatterChartOptions, LollipopChartOptions, LineChartOptions, BarChartOptions, StackedBarChartOptions, BoxplotChartOptions, AreaChartOptions, PieChartOptions, GaugeChartOptions, DonutChartOptions, BubbleChartOptions, BulletChartOptions, HistogramChartOptions, RadarChartOptions, ComboChartOptions, TreemapChartOptions, CirclePackChartOptions, WorldCloudChartOptions, GridOptions, RulerOptions, TimeScaleOptions, TooltipOptions, MeterChartOptions, ProportionalMeterChartOptions } from './interfaces';
2
2
  /**
3
3
  * Grid options
4
4
  */
@@ -30,6 +30,7 @@ export declare const options: {
30
30
  pieChart: PieChartOptions;
31
31
  donutChart: DonutChartOptions;
32
32
  meterChart: MeterChartOptions;
33
+ proportionalMeterChart: ProportionalMeterChartOptions;
33
34
  radarChart: RadarChartOptions;
34
35
  gaugeChart: GaugeChartOptions;
35
36
  comboChart: ComboChartOptions;
@@ -292,6 +292,11 @@ export interface PieChartOptions extends BaseChartOptions {
292
292
  enabled?: Boolean;
293
293
  };
294
294
  alignment?: Alignments;
295
+ /**
296
+ * identifier for value key in your charting data
297
+ * defaults to value
298
+ */
299
+ valueMapsTo?: string;
295
300
  sortFunction?: (a: any, b: any) => number;
296
301
  };
297
302
  }
@@ -334,6 +339,10 @@ export interface DonutChartOptions extends PieChartOptions {
334
339
  }
335
340
  export interface MeterChartOptions extends BaseChartOptions {
336
341
  meter?: {
342
+ proportional?: {
343
+ total?: number;
344
+ unit?: string;
345
+ };
337
346
  peak?: number;
338
347
  status?: {
339
348
  ranges: Array<{
@@ -352,6 +361,14 @@ export interface MeterChartOptions extends BaseChartOptions {
352
361
  };
353
362
  };
354
363
  }
364
+ export interface ProportionalMeterChartOptions extends BaseChartOptions {
365
+ meter?: {
366
+ proportional?: {
367
+ total?: number;
368
+ unit?: string;
369
+ };
370
+ };
371
+ }
355
372
  /**
356
373
  * options specific to radar charts
357
374
  */
@@ -185,3 +185,12 @@ export declare enum CirclePack {
185
185
  CIRCLE_MOUSEOUT = "circle-leaf-mouseout",
186
186
  CIRCLE_MOUSEMOVE = "circle-leaf-mousemove"
187
187
  }
188
+ /**
189
+ * enum of all meter related events
190
+ */
191
+ export declare enum Meter {
192
+ METER_MOUSEOVER = "meter-mouseover",
193
+ METER_CLICK = "meter-click",
194
+ METER_MOUSEOUT = "meter-mouseout",
195
+ METER_MOUSEMOVE = "meter-mousemove"
196
+ }
@@ -4,8 +4,7 @@ import { ChartModel } from './model';
4
4
  * */
5
5
  export declare class MeterChartModel extends ChartModel {
6
6
  constructor(services: any);
7
- generateDataLabels(newData: any): {};
8
- getDisplayData(): any;
7
+ getMaximumDomain(data: any): any;
9
8
  /**
10
9
  * Use a provided color for the bar or default to carbon color if no status provided.
11
10
  * Defaults to carbon color otherwise.
@@ -85,9 +85,10 @@ export declare namespace Tools {
85
85
  * @export
86
86
  * @param {any} item
87
87
  * @param {any} fullData
88
+ * @param {string} key
88
89
  * @returns The percentage in the form of a number (1 significant digit if necessary)
89
90
  */
90
- export function convertValueToPercentage(item: any, fullData: any): number;
91
+ export function convertValueToPercentage(item: any, fullData: any, key?: string): number;
91
92
  /**
92
93
  * Truncate the labels
93
94
  * @export