@carbon/charts 0.32.8 → 0.32.12

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 (130) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/build/demo/data/area.d.ts +17 -0
  3. package/build/demo/data/bar.d.ts +51 -0
  4. package/build/demo/data/gauge.d.ts +40 -0
  5. package/build/demo/data/index.d.ts +6 -0
  6. package/build/demo/data/line.d.ts +26 -0
  7. package/build/demo/data/scatter.d.ts +18 -0
  8. package/build/src/charts/gauge.d.ts +6 -0
  9. package/build/src/charts/index.d.ts +1 -0
  10. package/build/src/components/essentials/tooltip-bar.d.ts +2 -2
  11. package/build/src/components/essentials/tooltip-radar.d.ts +2 -1
  12. package/build/src/components/essentials/tooltip.d.ts +2 -2
  13. package/build/src/components/graphs/gauge.d.ts +26 -0
  14. package/build/src/components/index.d.ts +1 -0
  15. package/build/src/configuration.d.ts +2 -1
  16. package/build/src/interfaces/axis-scales.d.ts +2 -0
  17. package/build/src/interfaces/charts.d.ts +20 -0
  18. package/build/src/interfaces/components.d.ts +2 -0
  19. package/build/src/interfaces/enums.d.ts +31 -1
  20. package/build/src/interfaces/events.d.ts +9 -0
  21. package/build/src/interfaces/truncation.d.ts +17 -0
  22. package/build/src/tools.d.ts +9 -0
  23. package/bundle.js +1 -1
  24. package/chart.js +21 -22
  25. package/chart.js.map +1 -1
  26. package/charts/gauge.d.ts +6 -0
  27. package/charts/gauge.js +41 -0
  28. package/charts/gauge.js.map +1 -0
  29. package/charts/index.d.ts +1 -0
  30. package/charts/index.js +1 -0
  31. package/charts/index.js.map +1 -1
  32. package/components/axes/axis.js +61 -1
  33. package/components/axes/axis.js.map +1 -1
  34. package/components/essentials/legend.js +39 -6
  35. package/components/essentials/legend.js.map +1 -1
  36. package/components/essentials/tooltip-bar.d.ts +2 -2
  37. package/components/essentials/tooltip-bar.js +20 -7
  38. package/components/essentials/tooltip-bar.js.map +1 -1
  39. package/components/essentials/tooltip-pie.js +3 -0
  40. package/components/essentials/tooltip-pie.js.map +1 -1
  41. package/components/essentials/tooltip-radar.d.ts +2 -1
  42. package/components/essentials/tooltip-radar.js +1 -1
  43. package/components/essentials/tooltip-radar.js.map +1 -1
  44. package/components/essentials/tooltip-scatter.js +6 -0
  45. package/components/essentials/tooltip-scatter.js.map +1 -1
  46. package/components/essentials/tooltip.d.ts +2 -2
  47. package/components/essentials/tooltip.js +11 -6
  48. package/components/essentials/tooltip.js.map +1 -1
  49. package/components/graphs/area-stacked.js +7 -4
  50. package/components/graphs/area-stacked.js.map +1 -1
  51. package/components/graphs/gauge.d.ts +26 -0
  52. package/components/graphs/gauge.js +301 -0
  53. package/components/graphs/gauge.js.map +1 -0
  54. package/components/graphs/line.js +13 -7
  55. package/components/graphs/line.js.map +1 -1
  56. package/components/graphs/scatter-stacked.js +1 -1
  57. package/components/graphs/scatter-stacked.js.map +1 -1
  58. package/components/index.d.ts +1 -0
  59. package/components/index.js +1 -0
  60. package/components/index.js.map +1 -1
  61. package/configuration.d.ts +2 -1
  62. package/configuration.js +100 -65
  63. package/configuration.js.map +1 -1
  64. package/demo/data/area.d.ts +17 -0
  65. package/demo/data/area.js +45 -19
  66. package/demo/data/area.js.map +1 -1
  67. package/demo/data/bar.d.ts +51 -0
  68. package/demo/data/bar.js +52 -0
  69. package/demo/data/bar.js.map +1 -1
  70. package/demo/data/bundle.js +1 -1
  71. package/demo/data/donut.js +10 -10
  72. package/demo/data/donut.js.map +1 -1
  73. package/demo/data/gauge.d.ts +40 -0
  74. package/demo/data/gauge.js +41 -0
  75. package/demo/data/gauge.js.map +1 -0
  76. package/demo/data/index.d.ts +6 -0
  77. package/demo/data/index.js +163 -120
  78. package/demo/data/index.js.map +1 -1
  79. package/demo/data/line.d.ts +26 -0
  80. package/demo/data/line.js +37 -0
  81. package/demo/data/line.js.map +1 -1
  82. package/demo/data/scatter.d.ts +18 -0
  83. package/demo/data/scatter.js +35 -0
  84. package/demo/data/scatter.js.map +1 -1
  85. package/demo/styles.css +80 -0
  86. package/demo/styles.css.map +1 -1
  87. package/demo/styles.min.css +1 -1
  88. package/demo/styles.min.css.map +1 -1
  89. package/demo/tsconfig.tsbuildinfo +62 -23
  90. package/interfaces/axis-scales.d.ts +2 -0
  91. package/interfaces/axis-scales.js.map +1 -1
  92. package/interfaces/charts.d.ts +20 -0
  93. package/interfaces/charts.js.map +1 -1
  94. package/interfaces/components.d.ts +2 -0
  95. package/interfaces/components.js.map +1 -1
  96. package/interfaces/enums.d.ts +31 -1
  97. package/interfaces/enums.js +34 -0
  98. package/interfaces/enums.js.map +1 -1
  99. package/interfaces/events.d.ts +9 -0
  100. package/interfaces/events.js +10 -0
  101. package/interfaces/events.js.map +1 -1
  102. package/interfaces/truncation.d.ts +17 -0
  103. package/interfaces/truncation.js +1 -0
  104. package/interfaces/truncation.js.map +1 -0
  105. package/model.js +15 -0
  106. package/model.js.map +1 -1
  107. package/package.json +1 -1
  108. package/styles/components/_tooltip.scss +2 -0
  109. package/styles/graphs/_gauge.scss +19 -0
  110. package/styles/graphs/index.scss +1 -0
  111. package/styles-g10.css +21 -0
  112. package/styles-g10.css.map +1 -1
  113. package/styles-g10.min.css +1 -1
  114. package/styles-g10.min.css.map +1 -1
  115. package/styles-g100.css +21 -0
  116. package/styles-g100.css.map +1 -1
  117. package/styles-g100.min.css +1 -1
  118. package/styles-g100.min.css.map +1 -1
  119. package/styles-g90.css +21 -0
  120. package/styles-g90.css.map +1 -1
  121. package/styles-g90.min.css +1 -1
  122. package/styles-g90.min.css.map +1 -1
  123. package/styles.css +21 -0
  124. package/styles.css.map +1 -1
  125. package/styles.min.css +1 -1
  126. package/styles.min.css.map +1 -1
  127. package/tools.d.ts +9 -0
  128. package/tools.js +24 -1
  129. package/tools.js.map +1 -1
  130. package/tsconfig.tsbuildinfo +106 -40
@@ -5,9 +5,9 @@ export var donutOptions = {
5
5
  resizable: true,
6
6
  donut: {
7
7
  center: {
8
- label: "Browsers",
9
- },
10
- },
8
+ label: "Browsers"
9
+ }
10
+ }
11
11
  };
12
12
  // donut - empty state
13
13
  export var donutEmptyStateData = [];
@@ -16,9 +16,9 @@ export var donutEmptyStateOptions = {
16
16
  resizable: true,
17
17
  donut: {
18
18
  center: {
19
- label: "Browsers",
20
- },
21
- },
19
+ label: "Browsers"
20
+ }
21
+ }
22
22
  };
23
23
  // donut - skeleton
24
24
  export var donutSkeletonData = [];
@@ -27,11 +27,11 @@ export var donutSkeletonOptions = {
27
27
  resizable: true,
28
28
  donut: {
29
29
  center: {
30
- label: "Browsers",
31
- },
30
+ label: "Browsers"
31
+ }
32
32
  },
33
33
  data: {
34
- loading: true,
35
- },
34
+ loading: true
35
+ }
36
36
  };
37
37
  //# sourceMappingURL=../../../demo/data/donut.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"donut.js","sourceRoot":"","sources":["donut.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,MAAM,CAAC,IAAM,SAAS,GAAG,OAAO,CAAC;AAEjC,MAAM,CAAC,IAAM,YAAY,GAAG;IAC3B,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,IAAI;IACf,KAAK,EAAE;QACN,MAAM,EAAE;YACP,KAAK,EAAE,UAAU;SACjB;KACD;CACD,CAAC;AAEF,sBAAsB;AACtB,MAAM,CAAC,IAAM,mBAAmB,GAAG,EAAE,CAAC;AACtC,MAAM,CAAC,IAAM,sBAAsB,GAAG;IACrC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,IAAI;IACf,KAAK,EAAE;QACN,MAAM,EAAE;YACP,KAAK,EAAE,UAAU;SACjB;KACD;CACD,CAAC;AAEF,mBAAmB;AACnB,MAAM,CAAC,IAAM,iBAAiB,GAAG,EAAE,CAAC;AACpC,MAAM,CAAC,IAAM,oBAAoB,GAAG;IACnC,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,IAAI;IACf,KAAK,EAAE;QACN,MAAM,EAAE;YACP,KAAK,EAAE,UAAU;SACjB;KACD;IACD,IAAI,EAAE;QACL,OAAO,EAAE,IAAI;KACb;CACD,CAAC","sourcesContent":["import { pieData } from \"./pie\";\n\nexport const donutData = pieData;\n\nexport const donutOptions = {\n\ttitle: \"Donut\",\n\tresizable: true,\n\tdonut: {\n\t\tcenter: {\n\t\t\tlabel: \"Browsers\",\n\t\t},\n\t},\n};\n\n// donut - empty state\nexport const donutEmptyStateData = [];\nexport const donutEmptyStateOptions = {\n\ttitle: \"Donut (empty state)\",\n\tresizable: true,\n\tdonut: {\n\t\tcenter: {\n\t\t\tlabel: \"Browsers\",\n\t\t},\n\t},\n};\n\n// donut - skeleton\nexport const donutSkeletonData = [];\nexport const donutSkeletonOptions = {\n\ttitle: \"Donut (skeleton)\",\n\tresizable: true,\n\tdonut: {\n\t\tcenter: {\n\t\t\tlabel: \"Browsers\",\n\t\t},\n\t},\n\tdata: {\n\t\tloading: true,\n\t},\n};\n"]}
1
+ {"version":3,"file":"donut.js","sourceRoot":"","sources":["donut.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,MAAM,CAAC,IAAM,SAAS,GAAG,OAAO,CAAC;AAEjC,MAAM,CAAC,IAAM,YAAY,GAAG;IAC3B,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,IAAI;IACf,KAAK,EAAE;QACN,MAAM,EAAE;YACP,KAAK,EAAE,UAAU;SACjB;KACD;CACD,CAAC;AAEF,sBAAsB;AACtB,MAAM,CAAC,IAAM,mBAAmB,GAAG,EAAE,CAAC;AACtC,MAAM,CAAC,IAAM,sBAAsB,GAAG;IACrC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,IAAI;IACf,KAAK,EAAE;QACN,MAAM,EAAE;YACP,KAAK,EAAE,UAAU;SACjB;KACD;CACD,CAAC;AAEF,mBAAmB;AACnB,MAAM,CAAC,IAAM,iBAAiB,GAAG,EAAE,CAAC;AACpC,MAAM,CAAC,IAAM,oBAAoB,GAAG;IACnC,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,IAAI;IACf,KAAK,EAAE;QACN,MAAM,EAAE;YACP,KAAK,EAAE,UAAU;SACjB;KACD;IACD,IAAI,EAAE;QACL,OAAO,EAAE,IAAI;KACb;CACD,CAAC","sourcesContent":["import { pieData } from \"./pie\";\n\nexport const donutData = pieData;\n\nexport const donutOptions = {\n\ttitle: \"Donut\",\n\tresizable: true,\n\tdonut: {\n\t\tcenter: {\n\t\t\tlabel: \"Browsers\"\n\t\t}\n\t}\n};\n\n// donut - empty state\nexport const donutEmptyStateData = [];\nexport const donutEmptyStateOptions = {\n\ttitle: \"Donut (empty state)\",\n\tresizable: true,\n\tdonut: {\n\t\tcenter: {\n\t\t\tlabel: \"Browsers\"\n\t\t}\n\t}\n};\n\n// donut - skeleton\nexport const donutSkeletonData = [];\nexport const donutSkeletonOptions = {\n\ttitle: \"Donut (skeleton)\",\n\tresizable: true,\n\tdonut: {\n\t\tcenter: {\n\t\t\tlabel: \"Browsers\"\n\t\t}\n\t},\n\tdata: {\n\t\tloading: true\n\t}\n};\n"]}
@@ -0,0 +1,40 @@
1
+ export declare const gaugeData: {
2
+ group: string;
3
+ value: number;
4
+ }[];
5
+ export declare const gaugeDataNoDelta: {
6
+ group: string;
7
+ value: number;
8
+ }[];
9
+ export declare const gaugeOptionsSemi: {
10
+ title: string;
11
+ resizable: boolean;
12
+ height: string;
13
+ width: string;
14
+ gauge: {
15
+ type: string;
16
+ status: string;
17
+ };
18
+ };
19
+ export declare const gaugeOptionsCircular: {
20
+ title: string;
21
+ resizable: boolean;
22
+ height: string;
23
+ gauge: {
24
+ status: string;
25
+ type: string;
26
+ };
27
+ };
28
+ export declare const gaugeOptionsCircularNoDelta: {
29
+ title: string;
30
+ resizable: boolean;
31
+ height: string;
32
+ gauge: {
33
+ type: string;
34
+ };
35
+ color: {
36
+ scale: {
37
+ value: string;
38
+ };
39
+ };
40
+ };
@@ -0,0 +1,41 @@
1
+ export var gaugeData = [
2
+ { group: "value", value: 42 },
3
+ { group: "delta", value: -13.37 }
4
+ ];
5
+ export var gaugeDataNoDelta = [{ group: "value", value: 67 }];
6
+ // guage no custom color
7
+ export var gaugeOptionsSemi = {
8
+ title: "Gauge semicircular -- danger status",
9
+ resizable: true,
10
+ height: "250px",
11
+ width: "100%",
12
+ gauge: {
13
+ type: "semi",
14
+ status: "danger"
15
+ }
16
+ };
17
+ // guage with custom color
18
+ export var gaugeOptionsCircular = {
19
+ title: "Gauge circular -- warning status",
20
+ resizable: true,
21
+ height: "250px",
22
+ gauge: {
23
+ status: "warning",
24
+ type: "full"
25
+ }
26
+ };
27
+ // guage with custom color
28
+ export var gaugeOptionsCircularNoDelta = {
29
+ title: "Gauge circular without delta",
30
+ resizable: true,
31
+ height: "250px",
32
+ gauge: {
33
+ type: "full"
34
+ },
35
+ color: {
36
+ scale: {
37
+ value: "#891EE8"
38
+ }
39
+ }
40
+ };
41
+ //# sourceMappingURL=../../../demo/data/gauge.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"gauge.js","sourceRoot":"","sources":["gauge.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,SAAS,GAAG;IACxB,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7B,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,KAAK,EAAE;CACjC,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;AAEhE,wBAAwB;AACxB,MAAM,CAAC,IAAM,gBAAgB,GAAG;IAC/B,KAAK,EAAE,qCAAqC;IAC5C,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,MAAM;IACb,KAAK,EAAE;QACN,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,QAAQ;KAChB;CACD,CAAC;AAEF,0BAA0B;AAC1B,MAAM,CAAC,IAAM,oBAAoB,GAAG;IACnC,KAAK,EAAE,kCAAkC;IACzC,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,OAAO;IACf,KAAK,EAAE;QACN,MAAM,EAAE,SAAS;QACjB,IAAI,EAAE,MAAM;KACZ;CACD,CAAC;AAEF,0BAA0B;AAC1B,MAAM,CAAC,IAAM,2BAA2B,GAAG;IAC1C,KAAK,EAAE,8BAA8B;IACrC,SAAS,EAAE,IAAI;IACf,MAAM,EAAE,OAAO;IACf,KAAK,EAAE;QACN,IAAI,EAAE,MAAM;KACZ;IACD,KAAK,EAAE;QACN,KAAK,EAAE;YACN,KAAK,EAAE,SAAS;SAChB;KACD;CACD,CAAC","sourcesContent":["export const gaugeData = [\n\t{ group: \"value\", value: 42 },\n\t{ group: \"delta\", value: -13.37 }\n];\n\nexport const gaugeDataNoDelta = [{ group: \"value\", value: 67 }];\n\n// guage no custom color\nexport const gaugeOptionsSemi = {\n\ttitle: \"Gauge semicircular -- danger status\",\n\tresizable: true,\n\theight: \"250px\",\n\twidth: \"100%\",\n\tgauge: {\n\t\ttype: \"semi\",\n\t\tstatus: \"danger\"\n\t}\n};\n\n// guage with custom color\nexport const gaugeOptionsCircular = {\n\ttitle: \"Gauge circular -- warning status\",\n\tresizable: true,\n\theight: \"250px\",\n\tgauge: {\n\t\tstatus: \"warning\",\n\t\ttype: \"full\"\n\t}\n};\n\n// guage with custom color\nexport const gaugeOptionsCircularNoDelta = {\n\ttitle: \"Gauge circular without delta\",\n\tresizable: true,\n\theight: \"250px\",\n\tgauge: {\n\t\ttype: \"full\"\n\t},\n\tcolor: {\n\t\tscale: {\n\t\t\tvalue: \"#891EE8\"\n\t\t}\n\t}\n};\n"]}
@@ -4,6 +4,7 @@ export * from "./bubble";
4
4
  export * from "./donut";
5
5
  export * from "./line";
6
6
  export * from "./pie";
7
+ export * from "./gauge";
7
8
  export * from "./scatter";
8
9
  export * from "./step";
9
10
  export * from "./radar";
@@ -53,6 +54,11 @@ export declare const chartTypes: {
53
54
  angular: string;
54
55
  vue: string;
55
56
  };
57
+ GaugeChart: {
58
+ vanilla: string;
59
+ angular: string;
60
+ vue: string;
61
+ };
56
62
  DonutChart: {
57
63
  vanilla: string;
58
64
  angular: string;