@carbon/charts 0.42.1 → 0.45.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.
Files changed (71) hide show
  1. package/CHANGELOG.md +41 -0
  2. package/README.md +4 -4
  3. package/build/demo/data/bar.d.ts +20 -0
  4. package/build/demo/data/donut.d.ts +11 -0
  5. package/build/demo/data/pie.d.ts +11 -0
  6. package/build/src/interfaces/charts.d.ts +5 -0
  7. package/build/src/model/model.d.ts +2 -1
  8. package/build/src/tools.d.ts +2 -1
  9. package/bundle.js +1 -1
  10. package/charts/bar-stacked.js +2 -1
  11. package/charts/bar-stacked.js.map +1 -1
  12. package/charts/line.js +2 -1
  13. package/charts/line.js.map +1 -1
  14. package/components/graphs/bar-stacked.js +19 -5
  15. package/components/graphs/bar-stacked.js.map +1 -1
  16. package/components/graphs/donut.js +1 -1
  17. package/components/graphs/donut.js.map +1 -1
  18. package/components/graphs/pie.js +10 -9
  19. package/components/graphs/pie.js.map +1 -1
  20. package/configuration.js +1 -0
  21. package/configuration.js.map +1 -1
  22. package/demo/data/bar.d.ts +20 -0
  23. package/demo/data/bar.js +25 -0
  24. package/demo/data/bar.js.map +1 -1
  25. package/demo/data/bundle.js +1 -1
  26. package/demo/data/donut.d.ts +11 -0
  27. package/demo/data/donut.js +10 -1
  28. package/demo/data/donut.js.map +1 -1
  29. package/demo/data/index.js +15 -0
  30. package/demo/data/index.js.map +1 -1
  31. package/demo/data/line.js +6 -6
  32. package/demo/data/line.js.map +1 -1
  33. package/demo/data/pie.d.ts +11 -0
  34. package/demo/data/pie.js +16 -0
  35. package/demo/data/pie.js.map +1 -1
  36. package/demo/styles.css +12 -4
  37. package/demo/styles.css.map +1 -1
  38. package/demo/styles.min.css +1 -1
  39. package/demo/styles.min.css.map +1 -1
  40. package/demo/tsconfig.tsbuildinfo +8 -8
  41. package/interfaces/charts.d.ts +5 -0
  42. package/interfaces/charts.js.map +1 -1
  43. package/model/model.d.ts +2 -1
  44. package/model/model.js +6 -3
  45. package/model/model.js.map +1 -1
  46. package/package.json +1 -1
  47. package/services/essentials/dom-utils.js +18 -0
  48. package/services/essentials/dom-utils.js.map +1 -1
  49. package/services/scales-cartesian.js +14 -4
  50. package/services/scales-cartesian.js.map +1 -1
  51. package/styles/_chart-holder.scss +5 -2
  52. package/styles-g10.css +3 -1
  53. package/styles-g10.css.map +1 -1
  54. package/styles-g10.min.css +1 -1
  55. package/styles-g10.min.css.map +1 -1
  56. package/styles-g100.css +3 -1
  57. package/styles-g100.css.map +1 -1
  58. package/styles-g100.min.css +1 -1
  59. package/styles-g100.min.css.map +1 -1
  60. package/styles-g90.css +3 -1
  61. package/styles-g90.css.map +1 -1
  62. package/styles-g90.min.css +1 -1
  63. package/styles-g90.min.css.map +1 -1
  64. package/styles.css +3 -1
  65. package/styles.css.map +1 -1
  66. package/styles.min.css +1 -1
  67. package/styles.min.css.map +1 -1
  68. package/tools.d.ts +2 -1
  69. package/tools.js +4 -3
  70. package/tools.js.map +1 -1
  71. package/tsconfig.tsbuildinfo +14 -14
package/demo/data/pie.js CHANGED
@@ -21,6 +21,22 @@ export var pieCenteredOptions = {
21
21
  alignment: 'center',
22
22
  },
23
23
  };
24
+ // pie - using a different value key
25
+ export var pieDataMapsTo = [
26
+ { group: '2V2N 9KYPM version 1', count: 28000 },
27
+ { group: 'L22I P66EP L22I P66EP L22I P66EP', count: 65000 },
28
+ { group: 'JQAI 2M4L1', count: 75000 },
29
+ { group: 'J9DZ F37AP', count: 3200 },
30
+ { group: 'YEL48 Q6XK YEL48', count: 15000 },
31
+ { group: 'Misc', count: 25000 },
32
+ ];
33
+ export var pieMapToOptions = {
34
+ title: 'Pie (value maps to count)',
35
+ resizable: true,
36
+ pie: {
37
+ valueMapsTo: 'count',
38
+ },
39
+ };
24
40
  // pie - empty state
25
41
  export var pieEmptyStateData = [];
26
42
  export var pieEmptyStateOptions = {
package/demo/data/pie.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"pie.js","sourceRoot":"","sources":["pie.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,OAAO,GAAG;IACtB,EAAE,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,KAAK,EAAE;IAC/C,EAAE,KAAK,EAAE,kCAAkC,EAAE,KAAK,EAAE,KAAK,EAAE;IAC3D,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE;IACrC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE;IACpC,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,KAAK,EAAE;IAC3C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE;CAC/B,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG;IACzB,KAAK,EAAE,KAAK;IACZ,SAAS,EAAE,IAAI;CACf,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,OAAO,CAAC;AAEvC,MAAM,CAAC,IAAM,kBAAkB,GAAG;IACjC,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,IAAI;IACf,MAAM,EAAE;QACP,SAAS,EAAE,QAAQ;KACnB;IACD,GAAG,EAAE;QACJ,SAAS,EAAE,QAAQ;KACnB;CACD,CAAC;AAEF,oBAAoB;AACpB,MAAM,CAAC,IAAM,iBAAiB,GAAG,EAAE,CAAC;AACpC,MAAM,CAAC,IAAM,oBAAoB,GAAG;IACnC,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,IAAI;CACf,CAAC;AAEF,iBAAiB;AACjB,MAAM,CAAC,IAAM,eAAe,GAAG,EAAE,CAAC;AAClC,MAAM,CAAC,IAAM,kBAAkB,GAAG;IACjC,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,IAAI;IACf,IAAI,EAAE;QACL,OAAO,EAAE,IAAI;KACb;CACD,CAAC","sourcesContent":["export const pieData = [\n\t{ group: '2V2N 9KYPM version 1', value: 20000 },\n\t{ group: 'L22I P66EP L22I P66EP L22I P66EP', value: 65000 },\n\t{ group: 'JQAI 2M4L1', value: 75000 },\n\t{ group: 'J9DZ F37AP', value: 1200 },\n\t{ group: 'YEL48 Q6XK YEL48', value: 10000 },\n\t{ group: 'Misc', value: 25000 },\n];\n\nexport const pieOptions = {\n\ttitle: 'Pie',\n\tresizable: true,\n};\n\nexport const pieCenteredData = pieData;\n\nexport const pieCenteredOptions = {\n\ttitle: 'Pie (centered)',\n\tresizable: true,\n\tlegend: {\n\t\talignment: 'center',\n\t},\n\tpie: {\n\t\talignment: 'center',\n\t},\n};\n\n// pie - empty state\nexport const pieEmptyStateData = [];\nexport const pieEmptyStateOptions = {\n\ttitle: 'Pie (empty state)',\n\tresizable: true,\n};\n\n// pie - skeleton\nexport const pieSkeletonData = [];\nexport const pieSkeletonOptions = {\n\ttitle: 'Pie (skeleton)',\n\tresizable: true,\n\tdata: {\n\t\tloading: true,\n\t},\n};\n"]}
1
+ {"version":3,"file":"pie.js","sourceRoot":"","sources":["pie.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,OAAO,GAAG;IACtB,EAAE,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,KAAK,EAAE;IAC/C,EAAE,KAAK,EAAE,kCAAkC,EAAE,KAAK,EAAE,KAAK,EAAE;IAC3D,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE;IACrC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE;IACpC,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,KAAK,EAAE;IAC3C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE;CAC/B,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG;IACzB,KAAK,EAAE,KAAK;IACZ,SAAS,EAAE,IAAI;CACf,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG,OAAO,CAAC;AAEvC,MAAM,CAAC,IAAM,kBAAkB,GAAG;IACjC,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,IAAI;IACf,MAAM,EAAE;QACP,SAAS,EAAE,QAAQ;KACnB;IACD,GAAG,EAAE;QACJ,SAAS,EAAE,QAAQ;KACnB;CACD,CAAC;AAEF,oCAAoC;AACpC,MAAM,CAAC,IAAM,aAAa,GAAG;IAC5B,EAAE,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,KAAK,EAAE;IAC/C,EAAE,KAAK,EAAE,kCAAkC,EAAE,KAAK,EAAE,KAAK,EAAE;IAC3D,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,KAAK,EAAE;IACrC,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,IAAI,EAAE;IACpC,EAAE,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,KAAK,EAAE;IAC3C,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE;CAC/B,CAAC;AAEF,MAAM,CAAC,IAAM,eAAe,GAAG;IAC9B,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,IAAI;IACf,GAAG,EAAE;QACJ,WAAW,EAAE,OAAO;KACpB;CACD,CAAC;AAEF,oBAAoB;AACpB,MAAM,CAAC,IAAM,iBAAiB,GAAG,EAAE,CAAC;AACpC,MAAM,CAAC,IAAM,oBAAoB,GAAG;IACnC,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,IAAI;CACf,CAAC;AAEF,iBAAiB;AACjB,MAAM,CAAC,IAAM,eAAe,GAAG,EAAE,CAAC;AAClC,MAAM,CAAC,IAAM,kBAAkB,GAAG;IACjC,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,IAAI;IACf,IAAI,EAAE;QACL,OAAO,EAAE,IAAI;KACb;CACD,CAAC","sourcesContent":["export const pieData = [\n\t{ group: '2V2N 9KYPM version 1', value: 20000 },\n\t{ group: 'L22I P66EP L22I P66EP L22I P66EP', value: 65000 },\n\t{ group: 'JQAI 2M4L1', value: 75000 },\n\t{ group: 'J9DZ F37AP', value: 1200 },\n\t{ group: 'YEL48 Q6XK YEL48', value: 10000 },\n\t{ group: 'Misc', value: 25000 },\n];\n\nexport const pieOptions = {\n\ttitle: 'Pie',\n\tresizable: true,\n};\n\nexport const pieCenteredData = pieData;\n\nexport const pieCenteredOptions = {\n\ttitle: 'Pie (centered)',\n\tresizable: true,\n\tlegend: {\n\t\talignment: 'center',\n\t},\n\tpie: {\n\t\talignment: 'center',\n\t},\n};\n\n// pie - using a different value key\nexport const pieDataMapsTo = [\n\t{ group: '2V2N 9KYPM version 1', count: 28000 },\n\t{ group: 'L22I P66EP L22I P66EP L22I P66EP', count: 65000 },\n\t{ group: 'JQAI 2M4L1', count: 75000 },\n\t{ group: 'J9DZ F37AP', count: 3200 },\n\t{ group: 'YEL48 Q6XK YEL48', count: 15000 },\n\t{ group: 'Misc', count: 25000 },\n];\n\nexport const pieMapToOptions = {\n\ttitle: 'Pie (value maps to count)',\n\tresizable: true,\n\tpie: {\n\t\tvalueMapsTo: 'count',\n\t},\n};\n\n// pie - empty state\nexport const pieEmptyStateData = [];\nexport const pieEmptyStateOptions = {\n\ttitle: 'Pie (empty state)',\n\tresizable: true,\n};\n\n// pie - skeleton\nexport const pieSkeletonData = [];\nexport const pieSkeletonOptions = {\n\ttitle: 'Pie (skeleton)',\n\tresizable: true,\n\tdata: {\n\t\tloading: true,\n\t},\n};\n"]}
package/demo/styles.css CHANGED
@@ -13433,9 +13433,11 @@ div.container.theme--white .bx--chart-holder {
13433
13433
  display: block;
13434
13434
  width: 100%;
13435
13435
  height: 100%;
13436
+ }
13437
+ div.container.theme--white .bx--chart-holder.filled {
13436
13438
  background-color: #ffffff;
13437
13439
  }
13438
- div.container.theme--white .bx--chart-holder .bx--cc--chart-wrapper {
13440
+ div.container.theme--white .bx--chart-holder.filled .bx--cc--chart-wrapper {
13439
13441
  background-color: #ffffff;
13440
13442
  }
13441
13443
  div.container.theme--white .bx--chart-holder .DONT_STYLE_ME_css_styles_verifier {
@@ -16852,9 +16854,11 @@ div.container.theme--g10 .bx--chart-holder {
16852
16854
  display: block;
16853
16855
  width: 100%;
16854
16856
  height: 100%;
16857
+ }
16858
+ div.container.theme--g10 .bx--chart-holder.filled {
16855
16859
  background-color: #f4f4f4;
16856
16860
  }
16857
- div.container.theme--g10 .bx--chart-holder .bx--cc--chart-wrapper {
16861
+ div.container.theme--g10 .bx--chart-holder.filled .bx--cc--chart-wrapper {
16858
16862
  background-color: #f4f4f4;
16859
16863
  }
16860
16864
  div.container.theme--g10 .bx--chart-holder .DONT_STYLE_ME_css_styles_verifier {
@@ -21244,9 +21248,11 @@ div.container.theme--g90 .bx--chart-holder {
21244
21248
  display: block;
21245
21249
  width: 100%;
21246
21250
  height: 100%;
21251
+ }
21252
+ div.container.theme--g90 .bx--chart-holder.filled {
21247
21253
  background-color: #262626;
21248
21254
  }
21249
- div.container.theme--g90 .bx--chart-holder .bx--cc--chart-wrapper {
21255
+ div.container.theme--g90 .bx--chart-holder.filled .bx--cc--chart-wrapper {
21250
21256
  background-color: #262626;
21251
21257
  }
21252
21258
  div.container.theme--g90 .bx--chart-holder .DONT_STYLE_ME_css_styles_verifier {
@@ -25651,9 +25657,11 @@ div.container.theme--g100 .bx--chart-holder {
25651
25657
  display: block;
25652
25658
  width: 100%;
25653
25659
  height: 100%;
25660
+ }
25661
+ div.container.theme--g100 .bx--chart-holder.filled {
25654
25662
  background-color: #161616;
25655
25663
  }
25656
- div.container.theme--g100 .bx--chart-holder .bx--cc--chart-wrapper {
25664
+ div.container.theme--g100 .bx--chart-holder.filled .bx--cc--chart-wrapper {
25657
25665
  background-color: #161616;
25658
25666
  }
25659
25667
  div.container.theme--g100 .bx--chart-holder .DONT_STYLE_ME_css_styles_verifier {