@hpcc-js/chart 2.86.1 → 2.86.3

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 (83) hide show
  1. package/LICENSE +43 -43
  2. package/README.md +93 -93
  3. package/dist/index.es6.js +2 -2
  4. package/dist/index.es6.js.map +1 -1
  5. package/dist/index.js +2 -2
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.min.js +1 -1
  8. package/dist/index.min.js.map +1 -1
  9. package/package.json +6 -6
  10. package/src/Area.md +176 -176
  11. package/src/Area.ts +12 -12
  12. package/src/Axis.css +34 -34
  13. package/src/Axis.ts +733 -733
  14. package/src/Bar.md +90 -90
  15. package/src/Bar.ts +9 -9
  16. package/src/Bubble.css +16 -16
  17. package/src/Bubble.md +69 -69
  18. package/src/Bubble.ts +191 -191
  19. package/src/BubbleXY.ts +14 -14
  20. package/src/Bullet.css +60 -60
  21. package/src/Bullet.md +104 -104
  22. package/src/Bullet.ts +167 -167
  23. package/src/Column.css +17 -17
  24. package/src/Column.md +90 -90
  25. package/src/Column.ts +659 -659
  26. package/src/Contour.md +88 -88
  27. package/src/Contour.ts +97 -97
  28. package/src/D3Cloud.ts +400 -400
  29. package/src/Gantt.md +119 -119
  30. package/src/Gantt.ts +14 -14
  31. package/src/Gauge.md +148 -148
  32. package/src/Gauge.ts +358 -358
  33. package/src/HalfPie.md +62 -62
  34. package/src/HalfPie.ts +26 -26
  35. package/src/Heat.md +42 -42
  36. package/src/Heat.ts +283 -283
  37. package/src/HexBin.css +9 -9
  38. package/src/HexBin.md +88 -88
  39. package/src/HexBin.ts +139 -139
  40. package/src/Line.css +6 -6
  41. package/src/Line.md +170 -170
  42. package/src/Line.ts +14 -14
  43. package/src/Pie.css +23 -23
  44. package/src/Pie.md +88 -88
  45. package/src/Pie.ts +503 -503
  46. package/src/QuarterPie.md +61 -61
  47. package/src/QuarterPie.ts +35 -35
  48. package/src/QuartileCandlestick.md +129 -129
  49. package/src/QuartileCandlestick.ts +349 -349
  50. package/src/Radar.css +15 -15
  51. package/src/Radar.md +104 -104
  52. package/src/Radar.ts +336 -336
  53. package/src/RadialBar.css +25 -25
  54. package/src/RadialBar.md +91 -91
  55. package/src/RadialBar.ts +212 -212
  56. package/src/Scatter.css +16 -16
  57. package/src/Scatter.md +163 -163
  58. package/src/Scatter.ts +376 -376
  59. package/src/StatChart.md +117 -117
  60. package/src/StatChart.ts +253 -253
  61. package/src/Step.md +163 -163
  62. package/src/Step.ts +12 -12
  63. package/src/Summary.css +56 -56
  64. package/src/Summary.md +219 -219
  65. package/src/Summary.ts +322 -322
  66. package/src/SummaryC.md +154 -154
  67. package/src/SummaryC.ts +240 -240
  68. package/src/WordCloud.css +3 -3
  69. package/src/WordCloud.md +144 -144
  70. package/src/WordCloud.ts +263 -263
  71. package/src/XYAxis.css +41 -41
  72. package/src/XYAxis.md +149 -149
  73. package/src/XYAxis.ts +803 -803
  74. package/src/__package__.ts +3 -3
  75. package/src/__tests__/heat.ts +71 -71
  76. package/src/__tests__/index.ts +3 -3
  77. package/src/__tests__/pie.ts +20 -20
  78. package/src/__tests__/stat.ts +16 -16
  79. package/src/__tests__/test3.ts +69 -69
  80. package/src/index.ts +27 -27
  81. package/src/test.ts +71 -71
  82. package/types/__package__.d.ts +2 -2
  83. package/types-3.4/__package__.d.ts +2 -2
package/src/Column.md CHANGED
@@ -1,90 +1,90 @@
1
- # Column
2
-
3
- <!--meta
4
-
5
- -->
6
-
7
- [Bar](./Bar) and Column are effectively the same class, but have one different default value - their _orientation_. They support all of the same properties.
8
-
9
- <ClientOnly>
10
- <hpcc-vitepress style="width:100%;height:600px">
11
- <div id="placeholder" style="height:400px">
12
- </div>
13
- <script type="module">
14
- import { Column } from "@hpcc-js/chart";
15
-
16
- new Column()
17
- .target("placeholder")
18
- .columns(["Category", "Value"])
19
- .data([
20
- ["A", 34],
21
- ["B", 55],
22
- ["C", 89],
23
- ["D", 144]
24
- ])
25
- .yAxisDomainLow(0)
26
- .render()
27
- ;
28
- </script>
29
- </hpcc-vitepress>
30
- </ClientOnly>
31
-
32
- Two or more series are commonly compared with a column chart.
33
-
34
- <ClientOnly>
35
- <hpcc-vitepress style="width:100%;height:600px">
36
- <div id="placeholder" style="height:400px">
37
- </div>
38
- <script type="module">
39
- import { Column } from "@hpcc-js/chart";
40
-
41
- new Column()
42
- .target("placeholder")
43
- .columns(["Category", "Value 1", "Value 2"])
44
- .data([
45
- ["A", 34, 90],
46
- ["B", 55, 50],
47
- ["C", 89, 75],
48
- ["D", 144, 66]
49
- ])
50
- .xAxisOrdinalPaddingInner(0.38)
51
- .xAxisOrdinalPaddingOuter(0.62)
52
- .xAxisFocus(true)
53
- .render()
54
- ;
55
- </script>
56
- </hpcc-vitepress>
57
- </ClientOnly>
58
-
59
- A column chart supports n-number of numeric values per data row. A series is created for each column as needed. In the below example the series' are stacked together using the _yAxisStacked_ property.
60
-
61
- <ClientOnly>
62
- <hpcc-vitepress style="width:100%;height:600px">
63
- <div id="placeholder" style="height:400px">
64
- </div>
65
- <script type="module">
66
- import { Column } from "@hpcc-js/chart";
67
-
68
- new Column()
69
- .target("placeholder")
70
- .columns(["Category", "Value 1", "Value 2", "Value 3"])
71
- .data([
72
- ["A", 34, 90, 82],
73
- ["B", 55, 50, 65],
74
- ["C", 89, 75, 43],
75
- ["D", 144, 66, 56]
76
- ])
77
- .showValue(true)
78
- .valueCentered(true)
79
- .yAxisStacked(true)
80
- .render()
81
- ;
82
- </script>
83
- </hpcc-vitepress>
84
- </ClientOnly>
85
-
86
- ## API
87
-
88
- ## Published Properties
89
- ```@hpcc-js/chart:Column
90
- ```
1
+ # Column
2
+
3
+ <!--meta
4
+
5
+ -->
6
+
7
+ [Bar](./Bar) and Column are effectively the same class, but have one different default value - their _orientation_. They support all of the same properties.
8
+
9
+ <ClientOnly>
10
+ <hpcc-vitepress style="width:100%;height:600px">
11
+ <div id="placeholder" style="height:400px">
12
+ </div>
13
+ <script type="module">
14
+ import { Column } from "@hpcc-js/chart";
15
+
16
+ new Column()
17
+ .target("placeholder")
18
+ .columns(["Category", "Value"])
19
+ .data([
20
+ ["A", 34],
21
+ ["B", 55],
22
+ ["C", 89],
23
+ ["D", 144]
24
+ ])
25
+ .yAxisDomainLow(0)
26
+ .render()
27
+ ;
28
+ </script>
29
+ </hpcc-vitepress>
30
+ </ClientOnly>
31
+
32
+ Two or more series are commonly compared with a column chart.
33
+
34
+ <ClientOnly>
35
+ <hpcc-vitepress style="width:100%;height:600px">
36
+ <div id="placeholder" style="height:400px">
37
+ </div>
38
+ <script type="module">
39
+ import { Column } from "@hpcc-js/chart";
40
+
41
+ new Column()
42
+ .target("placeholder")
43
+ .columns(["Category", "Value 1", "Value 2"])
44
+ .data([
45
+ ["A", 34, 90],
46
+ ["B", 55, 50],
47
+ ["C", 89, 75],
48
+ ["D", 144, 66]
49
+ ])
50
+ .xAxisOrdinalPaddingInner(0.38)
51
+ .xAxisOrdinalPaddingOuter(0.62)
52
+ .xAxisFocus(true)
53
+ .render()
54
+ ;
55
+ </script>
56
+ </hpcc-vitepress>
57
+ </ClientOnly>
58
+
59
+ A column chart supports n-number of numeric values per data row. A series is created for each column as needed. In the below example the series' are stacked together using the _yAxisStacked_ property.
60
+
61
+ <ClientOnly>
62
+ <hpcc-vitepress style="width:100%;height:600px">
63
+ <div id="placeholder" style="height:400px">
64
+ </div>
65
+ <script type="module">
66
+ import { Column } from "@hpcc-js/chart";
67
+
68
+ new Column()
69
+ .target("placeholder")
70
+ .columns(["Category", "Value 1", "Value 2", "Value 3"])
71
+ .data([
72
+ ["A", 34, 90, 82],
73
+ ["B", 55, 50, 65],
74
+ ["C", 89, 75, 43],
75
+ ["D", 144, 66, 56]
76
+ ])
77
+ .showValue(true)
78
+ .valueCentered(true)
79
+ .yAxisStacked(true)
80
+ .render()
81
+ ;
82
+ </script>
83
+ </hpcc-vitepress>
84
+ </ClientOnly>
85
+
86
+ ## API
87
+
88
+ ## Published Properties
89
+ ```@hpcc-js/chart:Column
90
+ ```