@hpcc-js/chart 3.6.5 → 3.7.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 (80) hide show
  1. package/LICENSE +43 -43
  2. package/README.md +93 -93
  3. package/dist/index.js +1 -1
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.umd.cjs +1 -1
  6. package/dist/index.umd.cjs.map +1 -1
  7. package/package.json +5 -5
  8. package/src/Area.md +176 -176
  9. package/src/Area.ts +12 -12
  10. package/src/Axis.css +36 -34
  11. package/src/Axis.ts +781 -781
  12. package/src/Bar.md +90 -90
  13. package/src/Bar.ts +9 -9
  14. package/src/Bubble.css +16 -16
  15. package/src/Bubble.md +69 -69
  16. package/src/Bubble.ts +196 -196
  17. package/src/BubbleXY.ts +14 -14
  18. package/src/Bullet.css +60 -60
  19. package/src/Bullet.md +104 -104
  20. package/src/Bullet.ts +176 -176
  21. package/src/Column.css +44 -44
  22. package/src/Column.md +90 -90
  23. package/src/Column.ts +684 -684
  24. package/src/Contour.md +88 -88
  25. package/src/Contour.ts +97 -97
  26. package/src/D3Cloud.ts +403 -403
  27. package/src/Gantt.md +119 -119
  28. package/src/Gantt.ts +14 -14
  29. package/src/Gauge.md +148 -148
  30. package/src/Gauge.ts +368 -368
  31. package/src/HalfPie.md +62 -62
  32. package/src/HalfPie.ts +26 -26
  33. package/src/Heat.md +42 -42
  34. package/src/Heat.ts +283 -283
  35. package/src/HexBin.css +9 -9
  36. package/src/HexBin.md +88 -88
  37. package/src/HexBin.ts +144 -144
  38. package/src/Line.css +5 -6
  39. package/src/Line.md +170 -170
  40. package/src/Line.ts +14 -14
  41. package/src/Pie.css +50 -50
  42. package/src/Pie.md +88 -88
  43. package/src/Pie.ts +546 -546
  44. package/src/QuarterPie.md +61 -61
  45. package/src/QuarterPie.ts +35 -35
  46. package/src/QuartileCandlestick.md +129 -129
  47. package/src/QuartileCandlestick.ts +349 -349
  48. package/src/Radar.css +15 -15
  49. package/src/Radar.md +104 -104
  50. package/src/Radar.ts +336 -336
  51. package/src/RadialBar.css +25 -25
  52. package/src/RadialBar.md +91 -91
  53. package/src/RadialBar.ts +217 -217
  54. package/src/Scatter.css +42 -42
  55. package/src/Scatter.md +163 -163
  56. package/src/Scatter.ts +412 -412
  57. package/src/StatChart.md +117 -117
  58. package/src/StatChart.ts +261 -261
  59. package/src/Step.md +163 -163
  60. package/src/Step.ts +12 -12
  61. package/src/Summary.css +56 -56
  62. package/src/Summary.md +219 -219
  63. package/src/Summary.ts +322 -322
  64. package/src/SummaryC.md +154 -154
  65. package/src/SummaryC.ts +240 -240
  66. package/src/WordCloud.css +3 -3
  67. package/src/WordCloud.md +144 -144
  68. package/src/WordCloud.ts +268 -268
  69. package/src/XYAxis.css +41 -41
  70. package/src/XYAxis.md +149 -149
  71. package/src/XYAxis.ts +809 -809
  72. package/src/__package__.ts +3 -3
  73. package/src/__tests__/heat.ts +71 -71
  74. package/src/__tests__/index.ts +3 -3
  75. package/src/__tests__/pie.ts +20 -20
  76. package/src/__tests__/stat.ts +16 -16
  77. package/src/__tests__/test3.ts +68 -68
  78. package/src/index.ts +28 -28
  79. package/src/test.ts +70 -70
  80. package/src/timeFormats.ts +26 -26
@@ -1,3 +1,3 @@
1
- export const PKG_NAME = "__PACKAGE_NAME__";
2
- export const PKG_VERSION = "__PACKAGE_VERSION__";
3
- export const BUILD_VERSION = "__BUILD_VERSION__";
1
+ export const PKG_NAME = "__PACKAGE_NAME__";
2
+ export const PKG_VERSION = "__PACKAGE_VERSION__";
3
+ export const BUILD_VERSION = "__BUILD_VERSION__";
@@ -1,71 +1,71 @@
1
- import { Heat } from "../Heat";
2
- import * as df from "../../../dataflow/dist/index";
3
-
4
- const columns = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23"];
5
-
6
- const data = [["Sat", 0, 0.18998719125426], ["Sat", 1, 0.21651075448881343], ["Sat", 2, 0.29360917730014136], ["Sat", 3, 0.1651116355055364], ["Sat", 4, 0.11885237728786953], ["Sat", 5, 0.09315256213264339], ["Sat", 6, 0.19081093933358728], ["Sat", 7, 0.26505462252549605], ["Sat", 8, 0.31304625721290896], ["Sat", 9, 0.18326323889972618], ["Sat", 10, 0.5427922043058862], ["Sat", 11, 0.33890867440986455], ["Sat", 12, 0.22287115322174472], ["Sat", 13, 0.2587162108611005], ["Sat", 14, 0.28441551468915144], ["Sat", 15, 0.19982154681583783], ["Sat", 16, 0.2930569439508717], ["Sat", 17, 0.47723750380299584], ["Sat", 18, 0.22207706211858186], ["Sat", 19, 0.33558402511639085], ["Sat", 20, 0.3690611266071652], ["Sat", 21, 0.5573599155287506], ["Sat", 22, 0.6831520252391093], ["Sat", 23, 0.5778902129422021], ["Fri", 0, 0.22511997013849297], ["Fri", 1, 0.12872968433216836], ["Fri", 2, 0.14983215685472429], ["Fri", 3, 0.2927501476457219], ["Fri", 4, 0.10428671137370601], ["Fri", 5, 0.15568583035698308], ["Fri", 6, 0.24599132277783603], ["Fri", 7, 0.2731898378837191], ["Fri", 8, 0.44567225462048016], ["Fri", 9, 0.20923559143936044], ["Fri", 10, 0.37126545805966676], ["Fri", 11, 0.25775900638903304], ["Fri", 12, 0.3814741051135274], ["Fri", 13, 0.34006938709768136], ["Fri", 14, 0.27593924410503684], ["Fri", 15, 0.4419477474759613], ["Fri", 16, 0.38965124930012096], ["Fri", 17, 0.3172503892478122], ["Fri", 18, 0.46400589048905894], ["Fri", 19, 0.2558543126612278], ["Fri", 20, 0.3590657029853837], ["Fri", 21, 0.15632447799886998], ["Fri", 22, 0.26420326277870526], ["Fri", 23, 0.297398622995917], ["Thur", 0, 0.18232751016901919], ["Thur", 1, 0.10522908735769126], ["Thur", 2, 0.2871142995201194], ["Thur", 3, 0.13264031456847822], ["Thur", 4, 0.18082727623683653], ["Thur", 5, 0.09944495435126643], ["Thur", 6, 0.11995531000488316], ["Thur", 7, 0.32298185555518627], ["Thur", 8, 0.2721533776994879], ["Thur", 9, 0.27001193948954205], ["Thur", 10, 0.4749544279655059], ["Thur", 11, 0.2692331882016368], ["Thur", 12, 0.4508438176709558], ["Thur", 13, 0.4492663733353105], ["Thur", 14, 0.3835056079807946], ["Thur", 15, 0.3464395010469424], ["Thur", 16, 0.34637609647721146], ["Thur", 17, 0.28212732557990894], ["Thur", 18, 0.19046579349029374], ["Thur", 19, 0.3223897386862471], ["Thur", 20, 0.2504833320124048], ["Thur", 21, 0.28639128289431637], ["Thur", 22, 0.4919882701545998], ["Thur", 23, 0.11120547938200998], ["Wed", 0, 0.26539414376986187], ["Wed", 1, 0.1915083896006279], ["Wed", 2, 0.1144094554621247], ["Wed", 3, 0.1915083896006279], ["Wed", 4, 0.1915083896006279], ["Wed", 5, 0.06301033647884767], ["Wed", 6, 0.18917162440973667], ["Wed", 7, 0.2034494131242346], ["Wed", 8, 0.355351933711545], ["Wed", 9, 0.3451218109163239], ["Wed", 10, 0.3226346644031917], ["Wed", 11, 0.20270338677554525], ["Wed", 12, 0.12560445263704206], ["Wed", 13, 0.2519610675488765], ["Wed", 14, 0.30086133062670817], ["Wed", 15, 0.24946221164343108], ["Wed", 16, 0.31534569552000696], ["Wed", 17, 0.4939159736052912], ["Wed", 18, 0.31544642697353115], ["Wed", 19, 0.24156016147712192], ["Wed", 20, 0.27236557847721654], ["Wed", 21, 0.3740930973387977], ["Wed", 22, 0.1085307269282787], ["Wed", 23, 0.13101787344141086], ["Tue", 0, 0.38368457249213195], ["Tue", 1, 0.11328658098527632], ["Tue", 2, 0.14541071077033996], ["Tue", 3, 0.06827291576651778], ["Tue", 4, 0.17107115373307188], ["Tue", 5, 0.11538864700272793], ["Tue", 6, 0.11217648968780919], ["Tue", 7, 0.13902321169712045], ["Tue", 8, 0.3094408893002232], ["Tue", 9, 0.40688502041473745], ["Tue", 10, 0.36313484464602097], ["Tue", 11, 0.4601351437724185], ["Tue", 12, 0.4095924978076847], ["Tue", 13, 0.22557709663316622], ["Tue", 14, 0.3283753345997203], ["Tue", 15, 0.2706332020074705], ["Tue", 16, 0.24600410595721722], ["Tue", 17, 0.5543993311840548], ["Tue", 18, 0.2738964920399142], ["Tue", 19, 0.2781803911141563], ["Tue", 20, 0.17569661936038083], ["Tue", 21, 0.48912841726342815], ["Tue", 22, 0.38632966796969875], ["Tue", 23, 0.18644420525695468], ["Mon", 0, 0.6359227793699938], ["Mon", 1, 0.5221023728137567], ["Mon", 2, 0.37279943958541595], ["Mon", 3, 0.34710013575736504], ["Mon", 4, 0.28285085353288725], ["Mon", 5, 0.25751868261666566], ["Mon", 6, 0.28428921687686476], ["Mon", 7, 0.17089474585761072], ["Mon", 8, 0.36545166807707746], ["Mon", 9, 0.21043056304791902], ["Mon", 10, 0.3696194958825379], ["Mon", 11, 0.3105586505053191], ["Mon", 12, 0.4402250862225449], ["Mon", 13, 0.2582289160630875], ["Mon", 14, 0.2996172716093256], ["Mon", 15, 0.32338989464103557], ["Mon", 16, 0.3249376820005164], ["Mon", 17, 0.22535620329345835], ["Mon", 18, 0.2782090254359703], ["Mon", 19, 0.14818108140584293], ["Mon", 20, 0.32807825351090025], ["Mon", 21, 0.5908569587793598], ["Mon", 22, 0.5080470114204925], ["Mon", 23, 0.2530276960364474], ["Sun", 0, 0.6469792068804184], ["Sun", 1, 0.4528553787783882], ["Sun", 2, 0.540662526620971], ["Sun", 3, 0.48754995027343223], ["Sun", 4, 0.2125643313502361], ["Sun", 5, 0.1999907961108455], ["Sun", 6, 0.19768419922329403], ["Sun", 7, 0.1666001089126883], ["Sun", 8, 0.39061458969829144], ["Sun", 9, 0.3091105719450119], ["Sun", 10, 0.3605096909282889], ["Sun", 11, 0.23504738724596624], ["Sun", 12, 0.2493108587995572], ["Sun", 13, 0.27608139305975626], ["Sun", 14, 0.301086314583818], ["Sun", 15, 0.4038845525503721], ["Sun", 16, 0.46976394580954595], ["Sun", 17, 0.5597125318620746], ["Sun", 18, 0.3975047233847814], ["Sun", 19, 0.19067492630497088], ["Sun", 20, 0.348541567064394], ["Sun", 21, 0.7699334507681412], ["Sun", 22, 0.606812411955852], ["Sun", 23, 1]];
7
- // const data = [["Sat", 0, 0.005], ["Sat", 1, 0.005], ["Sat", 2, 0.005], ["Sat", 3, 0.005], ["Sat", 4, 0.005], ["Sat", 5, 0.005], ["Sat", 6, 0.005], ["Sat", 7, 0.005], ["Sat", 8, 0.005], ["Sat", 9, 0.005], ["Sat", 10, 0.005], ["Sat", 11, 0.005], ["Sat", 12, 0.004], ["Sat", 13, 0.006], ["Sat", 14, 0.005], ["Sat", 15, 0.005], ["Sat", 16, 0.005], ["Sat", 17, 0.005], ["Sat", 18, 0.005], ["Sat", 19, 0.005], ["Sat", 20, 0.005], ["Sat", 21, 0.005], ["Sat", 22, 0.005], ["Sat", 23, 0.005], ["Fri", 0, 0.005], ["Fri", 1, 0.005], ["Fri", 2, 0.005], ["Fri", 3, 0.005], ["Fri", 4, 0.005], ["Fri", 5, 0.005], ["Fri", 6, 0.005], ["Fri", 7, 0.005], ["Fri", 8, 0.005], ["Fri", 9, 0.005], ["Fri", 10, 0.005], ["Fri", 11, 0.005], ["Fri", 12, 0.005], ["Fri", 13, 0.005], ["Fri", 14, 0.005], ["Fri", 15, 0.005], ["Fri", 16, 0.005], ["Fri", 17, 0.005], ["Fri", 18, 0.005], ["Fri", 19, 0.005], ["Fri", 20, 0.005], ["Fri", 21, 0.005], ["Fri", 22, 0.005], ["Fri", 23, 0.005], ["Thur", 0, 0.005], ["Thur", 1, 0.005], ["Thur", 2, 0.005], ["Thur", 3, 0.005], ["Thur", 4, 0.005], ["Thur", 5, 0.005], ["Thur", 6, 0.005], ["Thur", 7, 0.005], ["Thur", 8, 0.005], ["Thur", 9, 0.005], ["Thur", 10, 0.005], ["Thur", 11, 0.005], ["Thur", 12, 0.005], ["Thur", 13, 0.005], ["Thur", 14, 0.005], ["Thur", 15, 0.005], ["Thur", 16, 0.005], ["Thur", 17, 0.005], ["Thur", 18, 0.005], ["Thur", 19, 0.005], ["Thur", 20, 0.005], ["Thur", 21, 0.005], ["Thur", 22, 0.005], ["Thur", 23, 0.005], ["Wed", 0, 0.005], ["Wed", 1, 0.005], ["Wed", 2, 0.005], ["Wed", 3, 0.005], ["Wed", 4, 0.005], ["Wed", 5, 0.005], ["Wed", 6, 0.005], ["Wed", 7, 0.005], ["Wed", 8, 0.005], ["Wed", 9, 0.005], ["Wed", 10, 0.005], ["Wed", 11, 0.005], ["Wed", 12, 0.005], ["Wed", 13, 0.005], ["Wed", 14, 0.005], ["Wed", 15, 0.005], ["Wed", 16, 0.005], ["Wed", 17, 0.005], ["Wed", 18, 0.005], ["Wed", 19, 0.005], ["Wed", 20, 0.005], ["Wed", 21, 0.005], ["Wed", 22, 0.005], ["Wed", 23, 0.005], ["Tue", 0, 0.005], ["Tue", 1, 0.005], ["Tue", 2, 0.005], ["Tue", 3, 0.005], ["Tue", 4, 0.005], ["Tue", 5, 0.005], ["Tue", 6, 0.005], ["Tue", 7, 0.005], ["Tue", 8, 0.005], ["Tue", 9, 0.005], ["Tue", 10, 0.005], ["Tue", 11, 0.005], ["Tue", 12, 0.005], ["Tue", 13, 0.005], ["Tue", 14, 0.005], ["Tue", 15, 0.005], ["Tue", 16, 0.005], ["Tue", 17, 0.005], ["Tue", 18, 0.005], ["Tue", 19, 0.005], ["Tue", 20, 0.005], ["Tue", 21, 0.005], ["Tue", 22, 0.005], ["Tue", 23, 0.005], ["Mon", 0, 0.005], ["Mon", 1, 0.005], ["Mon", 2, 0.005], ["Mon", 3, 0.005], ["Mon", 4, 0.005], ["Mon", 5, 0.005], ["Mon", 6, 0.005], ["Mon", 7, 0.005], ["Mon", 8, 0.005], ["Mon", 9, 0.005], ["Mon", 10, 0.005], ["Mon", 11, 0.005], ["Mon", 12, 0.005], ["Mon", 13, 0.005], ["Mon", 14, 0.005], ["Mon", 15, 0.005], ["Mon", 16, 0.005], ["Mon", 17, 0.005], ["Mon", 18, 0.005], ["Mon", 19, 0.005], ["Mon", 20, 0.005], ["Mon", 21, 0.005], ["Mon", 22, 0.005], ["Mon", 23, 0.005], ["Sun", 0, 0.005], ["Sun", 1, 0.005], ["Sun", 2, 0.005], ["Sun", 3, 0.005], ["Sun", 4, 0.005], ["Sun", 5, 0.005], ["Sun", 6, 0.005], ["Sun", 7, 0.005], ["Sun", 8, 0.005], ["Sun", 9, 0.005], ["Sun", 10, 0.005], ["Sun", 11, 0.005], ["Sun", 12, 0.005], ["Sun", 13, 0.005], ["Sun", 14, 0.005], ["Sun", 15, 0.005], ["Sun", 16, 0.005], ["Sun", 17, 0.005], ["Sun", 18, 0.005], ["Sun", 19, 0.005], ["Sun", 20, 0.005], ["Sun", 21, 0.005], ["Sun", 22, 0.005], ["Sun", 23, 0.005]];
8
-
9
- export class Test extends Heat {
10
-
11
- constructor() {
12
- super();
13
- this
14
- .paletteID("Greens")
15
- .useClonedPalette(true)
16
- .columns(columns)
17
- .data(data)
18
- .xAxisType("ordinal")
19
- .yAxisType("time")
20
- .yAxisTypeTimePattern("%H")
21
- .yAxisTickFormat("%H:00")
22
- .yAxisTitle("Hour")
23
- .orientation("vertical")
24
- .lazyRender()
25
- ;
26
- }
27
- }
28
-
29
- // Calculate the standard deviation of the weight column ---
30
- const extractWeight = df.map(row => row[2]);
31
- export const distribution = df.scalar(df.distribution())(extractWeight(data));
32
- export const quartiles = df.scalar(df.quartile())(extractWeight(data));
33
-
34
- // Convert the weight column to standard deviations ---
35
- const toStdDevs = df.map(r => {
36
- return [r[0], r[1], distribution.mean + (r[2] - distribution.mean) / (distribution.deviation || 1)];
37
- });
38
- const stdDevData = toStdDevs(data);
39
-
40
- // Normalize the standard deviations and calculate the new mean and deviation ---
41
- const range = df.scalar(df.extent())(extractWeight(stdDevData));
42
- const denominator = (range[1] - range[0]) || 1;
43
- const normalize = df.map(r => {
44
- return [r[0], r[1], (r[2] - range[0]) / denominator];
45
- });
46
- const normalizedStdDevData = normalize(toStdDevs(data));
47
- const normalizedMean = (distribution.mean - range[0]) / denominator;
48
- const normalizedDeviation = (distribution.deviation - range[0]) / denominator;
49
-
50
- // Create a new Heat map using the normalized standard deviations ---
51
- export class StdDevTest extends Heat {
52
-
53
- constructor() {
54
- super();
55
-
56
- this
57
- .columns(columns)
58
- .data([...normalizedStdDevData])
59
- .paletteID("RdYlGn")
60
- .reversePalette(true)
61
- .xAxisType("ordinal")
62
- .yAxisType("time")
63
- .yAxisTypeTimePattern("%H")
64
- .yAxisTickFormat("%H:00")
65
- .yAxisTitle("Hour")
66
- .orientation("vertical")
67
- .maxWeight(normalizedMean + 2 * normalizedDeviation)
68
- .lazyRender()
69
- ;
70
- }
71
- }
1
+ import { Heat } from "../Heat";
2
+ import * as df from "../../../dataflow/dist/index";
3
+
4
+ const columns = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23"];
5
+
6
+ const data = [["Sat", 0, 0.18998719125426], ["Sat", 1, 0.21651075448881343], ["Sat", 2, 0.29360917730014136], ["Sat", 3, 0.1651116355055364], ["Sat", 4, 0.11885237728786953], ["Sat", 5, 0.09315256213264339], ["Sat", 6, 0.19081093933358728], ["Sat", 7, 0.26505462252549605], ["Sat", 8, 0.31304625721290896], ["Sat", 9, 0.18326323889972618], ["Sat", 10, 0.5427922043058862], ["Sat", 11, 0.33890867440986455], ["Sat", 12, 0.22287115322174472], ["Sat", 13, 0.2587162108611005], ["Sat", 14, 0.28441551468915144], ["Sat", 15, 0.19982154681583783], ["Sat", 16, 0.2930569439508717], ["Sat", 17, 0.47723750380299584], ["Sat", 18, 0.22207706211858186], ["Sat", 19, 0.33558402511639085], ["Sat", 20, 0.3690611266071652], ["Sat", 21, 0.5573599155287506], ["Sat", 22, 0.6831520252391093], ["Sat", 23, 0.5778902129422021], ["Fri", 0, 0.22511997013849297], ["Fri", 1, 0.12872968433216836], ["Fri", 2, 0.14983215685472429], ["Fri", 3, 0.2927501476457219], ["Fri", 4, 0.10428671137370601], ["Fri", 5, 0.15568583035698308], ["Fri", 6, 0.24599132277783603], ["Fri", 7, 0.2731898378837191], ["Fri", 8, 0.44567225462048016], ["Fri", 9, 0.20923559143936044], ["Fri", 10, 0.37126545805966676], ["Fri", 11, 0.25775900638903304], ["Fri", 12, 0.3814741051135274], ["Fri", 13, 0.34006938709768136], ["Fri", 14, 0.27593924410503684], ["Fri", 15, 0.4419477474759613], ["Fri", 16, 0.38965124930012096], ["Fri", 17, 0.3172503892478122], ["Fri", 18, 0.46400589048905894], ["Fri", 19, 0.2558543126612278], ["Fri", 20, 0.3590657029853837], ["Fri", 21, 0.15632447799886998], ["Fri", 22, 0.26420326277870526], ["Fri", 23, 0.297398622995917], ["Thur", 0, 0.18232751016901919], ["Thur", 1, 0.10522908735769126], ["Thur", 2, 0.2871142995201194], ["Thur", 3, 0.13264031456847822], ["Thur", 4, 0.18082727623683653], ["Thur", 5, 0.09944495435126643], ["Thur", 6, 0.11995531000488316], ["Thur", 7, 0.32298185555518627], ["Thur", 8, 0.2721533776994879], ["Thur", 9, 0.27001193948954205], ["Thur", 10, 0.4749544279655059], ["Thur", 11, 0.2692331882016368], ["Thur", 12, 0.4508438176709558], ["Thur", 13, 0.4492663733353105], ["Thur", 14, 0.3835056079807946], ["Thur", 15, 0.3464395010469424], ["Thur", 16, 0.34637609647721146], ["Thur", 17, 0.28212732557990894], ["Thur", 18, 0.19046579349029374], ["Thur", 19, 0.3223897386862471], ["Thur", 20, 0.2504833320124048], ["Thur", 21, 0.28639128289431637], ["Thur", 22, 0.4919882701545998], ["Thur", 23, 0.11120547938200998], ["Wed", 0, 0.26539414376986187], ["Wed", 1, 0.1915083896006279], ["Wed", 2, 0.1144094554621247], ["Wed", 3, 0.1915083896006279], ["Wed", 4, 0.1915083896006279], ["Wed", 5, 0.06301033647884767], ["Wed", 6, 0.18917162440973667], ["Wed", 7, 0.2034494131242346], ["Wed", 8, 0.355351933711545], ["Wed", 9, 0.3451218109163239], ["Wed", 10, 0.3226346644031917], ["Wed", 11, 0.20270338677554525], ["Wed", 12, 0.12560445263704206], ["Wed", 13, 0.2519610675488765], ["Wed", 14, 0.30086133062670817], ["Wed", 15, 0.24946221164343108], ["Wed", 16, 0.31534569552000696], ["Wed", 17, 0.4939159736052912], ["Wed", 18, 0.31544642697353115], ["Wed", 19, 0.24156016147712192], ["Wed", 20, 0.27236557847721654], ["Wed", 21, 0.3740930973387977], ["Wed", 22, 0.1085307269282787], ["Wed", 23, 0.13101787344141086], ["Tue", 0, 0.38368457249213195], ["Tue", 1, 0.11328658098527632], ["Tue", 2, 0.14541071077033996], ["Tue", 3, 0.06827291576651778], ["Tue", 4, 0.17107115373307188], ["Tue", 5, 0.11538864700272793], ["Tue", 6, 0.11217648968780919], ["Tue", 7, 0.13902321169712045], ["Tue", 8, 0.3094408893002232], ["Tue", 9, 0.40688502041473745], ["Tue", 10, 0.36313484464602097], ["Tue", 11, 0.4601351437724185], ["Tue", 12, 0.4095924978076847], ["Tue", 13, 0.22557709663316622], ["Tue", 14, 0.3283753345997203], ["Tue", 15, 0.2706332020074705], ["Tue", 16, 0.24600410595721722], ["Tue", 17, 0.5543993311840548], ["Tue", 18, 0.2738964920399142], ["Tue", 19, 0.2781803911141563], ["Tue", 20, 0.17569661936038083], ["Tue", 21, 0.48912841726342815], ["Tue", 22, 0.38632966796969875], ["Tue", 23, 0.18644420525695468], ["Mon", 0, 0.6359227793699938], ["Mon", 1, 0.5221023728137567], ["Mon", 2, 0.37279943958541595], ["Mon", 3, 0.34710013575736504], ["Mon", 4, 0.28285085353288725], ["Mon", 5, 0.25751868261666566], ["Mon", 6, 0.28428921687686476], ["Mon", 7, 0.17089474585761072], ["Mon", 8, 0.36545166807707746], ["Mon", 9, 0.21043056304791902], ["Mon", 10, 0.3696194958825379], ["Mon", 11, 0.3105586505053191], ["Mon", 12, 0.4402250862225449], ["Mon", 13, 0.2582289160630875], ["Mon", 14, 0.2996172716093256], ["Mon", 15, 0.32338989464103557], ["Mon", 16, 0.3249376820005164], ["Mon", 17, 0.22535620329345835], ["Mon", 18, 0.2782090254359703], ["Mon", 19, 0.14818108140584293], ["Mon", 20, 0.32807825351090025], ["Mon", 21, 0.5908569587793598], ["Mon", 22, 0.5080470114204925], ["Mon", 23, 0.2530276960364474], ["Sun", 0, 0.6469792068804184], ["Sun", 1, 0.4528553787783882], ["Sun", 2, 0.540662526620971], ["Sun", 3, 0.48754995027343223], ["Sun", 4, 0.2125643313502361], ["Sun", 5, 0.1999907961108455], ["Sun", 6, 0.19768419922329403], ["Sun", 7, 0.1666001089126883], ["Sun", 8, 0.39061458969829144], ["Sun", 9, 0.3091105719450119], ["Sun", 10, 0.3605096909282889], ["Sun", 11, 0.23504738724596624], ["Sun", 12, 0.2493108587995572], ["Sun", 13, 0.27608139305975626], ["Sun", 14, 0.301086314583818], ["Sun", 15, 0.4038845525503721], ["Sun", 16, 0.46976394580954595], ["Sun", 17, 0.5597125318620746], ["Sun", 18, 0.3975047233847814], ["Sun", 19, 0.19067492630497088], ["Sun", 20, 0.348541567064394], ["Sun", 21, 0.7699334507681412], ["Sun", 22, 0.606812411955852], ["Sun", 23, 1]];
7
+ // const data = [["Sat", 0, 0.005], ["Sat", 1, 0.005], ["Sat", 2, 0.005], ["Sat", 3, 0.005], ["Sat", 4, 0.005], ["Sat", 5, 0.005], ["Sat", 6, 0.005], ["Sat", 7, 0.005], ["Sat", 8, 0.005], ["Sat", 9, 0.005], ["Sat", 10, 0.005], ["Sat", 11, 0.005], ["Sat", 12, 0.004], ["Sat", 13, 0.006], ["Sat", 14, 0.005], ["Sat", 15, 0.005], ["Sat", 16, 0.005], ["Sat", 17, 0.005], ["Sat", 18, 0.005], ["Sat", 19, 0.005], ["Sat", 20, 0.005], ["Sat", 21, 0.005], ["Sat", 22, 0.005], ["Sat", 23, 0.005], ["Fri", 0, 0.005], ["Fri", 1, 0.005], ["Fri", 2, 0.005], ["Fri", 3, 0.005], ["Fri", 4, 0.005], ["Fri", 5, 0.005], ["Fri", 6, 0.005], ["Fri", 7, 0.005], ["Fri", 8, 0.005], ["Fri", 9, 0.005], ["Fri", 10, 0.005], ["Fri", 11, 0.005], ["Fri", 12, 0.005], ["Fri", 13, 0.005], ["Fri", 14, 0.005], ["Fri", 15, 0.005], ["Fri", 16, 0.005], ["Fri", 17, 0.005], ["Fri", 18, 0.005], ["Fri", 19, 0.005], ["Fri", 20, 0.005], ["Fri", 21, 0.005], ["Fri", 22, 0.005], ["Fri", 23, 0.005], ["Thur", 0, 0.005], ["Thur", 1, 0.005], ["Thur", 2, 0.005], ["Thur", 3, 0.005], ["Thur", 4, 0.005], ["Thur", 5, 0.005], ["Thur", 6, 0.005], ["Thur", 7, 0.005], ["Thur", 8, 0.005], ["Thur", 9, 0.005], ["Thur", 10, 0.005], ["Thur", 11, 0.005], ["Thur", 12, 0.005], ["Thur", 13, 0.005], ["Thur", 14, 0.005], ["Thur", 15, 0.005], ["Thur", 16, 0.005], ["Thur", 17, 0.005], ["Thur", 18, 0.005], ["Thur", 19, 0.005], ["Thur", 20, 0.005], ["Thur", 21, 0.005], ["Thur", 22, 0.005], ["Thur", 23, 0.005], ["Wed", 0, 0.005], ["Wed", 1, 0.005], ["Wed", 2, 0.005], ["Wed", 3, 0.005], ["Wed", 4, 0.005], ["Wed", 5, 0.005], ["Wed", 6, 0.005], ["Wed", 7, 0.005], ["Wed", 8, 0.005], ["Wed", 9, 0.005], ["Wed", 10, 0.005], ["Wed", 11, 0.005], ["Wed", 12, 0.005], ["Wed", 13, 0.005], ["Wed", 14, 0.005], ["Wed", 15, 0.005], ["Wed", 16, 0.005], ["Wed", 17, 0.005], ["Wed", 18, 0.005], ["Wed", 19, 0.005], ["Wed", 20, 0.005], ["Wed", 21, 0.005], ["Wed", 22, 0.005], ["Wed", 23, 0.005], ["Tue", 0, 0.005], ["Tue", 1, 0.005], ["Tue", 2, 0.005], ["Tue", 3, 0.005], ["Tue", 4, 0.005], ["Tue", 5, 0.005], ["Tue", 6, 0.005], ["Tue", 7, 0.005], ["Tue", 8, 0.005], ["Tue", 9, 0.005], ["Tue", 10, 0.005], ["Tue", 11, 0.005], ["Tue", 12, 0.005], ["Tue", 13, 0.005], ["Tue", 14, 0.005], ["Tue", 15, 0.005], ["Tue", 16, 0.005], ["Tue", 17, 0.005], ["Tue", 18, 0.005], ["Tue", 19, 0.005], ["Tue", 20, 0.005], ["Tue", 21, 0.005], ["Tue", 22, 0.005], ["Tue", 23, 0.005], ["Mon", 0, 0.005], ["Mon", 1, 0.005], ["Mon", 2, 0.005], ["Mon", 3, 0.005], ["Mon", 4, 0.005], ["Mon", 5, 0.005], ["Mon", 6, 0.005], ["Mon", 7, 0.005], ["Mon", 8, 0.005], ["Mon", 9, 0.005], ["Mon", 10, 0.005], ["Mon", 11, 0.005], ["Mon", 12, 0.005], ["Mon", 13, 0.005], ["Mon", 14, 0.005], ["Mon", 15, 0.005], ["Mon", 16, 0.005], ["Mon", 17, 0.005], ["Mon", 18, 0.005], ["Mon", 19, 0.005], ["Mon", 20, 0.005], ["Mon", 21, 0.005], ["Mon", 22, 0.005], ["Mon", 23, 0.005], ["Sun", 0, 0.005], ["Sun", 1, 0.005], ["Sun", 2, 0.005], ["Sun", 3, 0.005], ["Sun", 4, 0.005], ["Sun", 5, 0.005], ["Sun", 6, 0.005], ["Sun", 7, 0.005], ["Sun", 8, 0.005], ["Sun", 9, 0.005], ["Sun", 10, 0.005], ["Sun", 11, 0.005], ["Sun", 12, 0.005], ["Sun", 13, 0.005], ["Sun", 14, 0.005], ["Sun", 15, 0.005], ["Sun", 16, 0.005], ["Sun", 17, 0.005], ["Sun", 18, 0.005], ["Sun", 19, 0.005], ["Sun", 20, 0.005], ["Sun", 21, 0.005], ["Sun", 22, 0.005], ["Sun", 23, 0.005]];
8
+
9
+ export class Test extends Heat {
10
+
11
+ constructor() {
12
+ super();
13
+ this
14
+ .paletteID("Greens")
15
+ .useClonedPalette(true)
16
+ .columns(columns)
17
+ .data(data)
18
+ .xAxisType("ordinal")
19
+ .yAxisType("time")
20
+ .yAxisTypeTimePattern("%H")
21
+ .yAxisTickFormat("%H:00")
22
+ .yAxisTitle("Hour")
23
+ .orientation("vertical")
24
+ .lazyRender()
25
+ ;
26
+ }
27
+ }
28
+
29
+ // Calculate the standard deviation of the weight column ---
30
+ const extractWeight = df.map(row => row[2]);
31
+ export const distribution = df.scalar(df.distribution())(extractWeight(data));
32
+ export const quartiles = df.scalar(df.quartile())(extractWeight(data));
33
+
34
+ // Convert the weight column to standard deviations ---
35
+ const toStdDevs = df.map(r => {
36
+ return [r[0], r[1], distribution.mean + (r[2] - distribution.mean) / (distribution.deviation || 1)];
37
+ });
38
+ const stdDevData = toStdDevs(data);
39
+
40
+ // Normalize the standard deviations and calculate the new mean and deviation ---
41
+ const range = df.scalar(df.extent())(extractWeight(stdDevData));
42
+ const denominator = (range[1] - range[0]) || 1;
43
+ const normalize = df.map(r => {
44
+ return [r[0], r[1], (r[2] - range[0]) / denominator];
45
+ });
46
+ const normalizedStdDevData = normalize(toStdDevs(data));
47
+ const normalizedMean = (distribution.mean - range[0]) / denominator;
48
+ const normalizedDeviation = (distribution.deviation - range[0]) / denominator;
49
+
50
+ // Create a new Heat map using the normalized standard deviations ---
51
+ export class StdDevTest extends Heat {
52
+
53
+ constructor() {
54
+ super();
55
+
56
+ this
57
+ .columns(columns)
58
+ .data([...normalizedStdDevData])
59
+ .paletteID("RdYlGn")
60
+ .reversePalette(true)
61
+ .xAxisType("ordinal")
62
+ .yAxisType("time")
63
+ .yAxisTypeTimePattern("%H")
64
+ .yAxisTickFormat("%H:00")
65
+ .yAxisTitle("Hour")
66
+ .orientation("vertical")
67
+ .maxWeight(normalizedMean + 2 * normalizedDeviation)
68
+ .lazyRender()
69
+ ;
70
+ }
71
+ }
@@ -1,3 +1,3 @@
1
- export { Test } from "./pie";
2
- // export { Test3 as Test } from "./test3";
3
- // export { StdDevTest as Test } from "./heat";
1
+ export { Test } from "./pie";
2
+ // export { Test3 as Test } from "./test3";
3
+ // export { StdDevTest as Test } from "./heat";
@@ -1,20 +1,20 @@
1
- import { Pie } from "../Pie";
2
-
3
- export class Test extends Pie {
4
-
5
- constructor() {
6
- super();
7
- this
8
- .columns(["Subject", "Result"])
9
- .data([
10
- ["English", 45],
11
- ["Irish", 28],
12
- ["Math", 98],
13
- ["Geography", 48],
14
- ["Science", 82]
15
- ])
16
- .sortDataByValue("none")
17
- .lazyRender()
18
- ;
19
- }
20
- }
1
+ import { Pie } from "../Pie";
2
+
3
+ export class Test extends Pie {
4
+
5
+ constructor() {
6
+ super();
7
+ this
8
+ .columns(["Subject", "Result"])
9
+ .data([
10
+ ["English", 45],
11
+ ["Irish", 28],
12
+ ["Math", 98],
13
+ ["Geography", 48],
14
+ ["Science", 82]
15
+ ])
16
+ .sortDataByValue("none")
17
+ .lazyRender()
18
+ ;
19
+ }
20
+ }
@@ -1,16 +1,16 @@
1
- import { StatChart } from "../StatChart";
2
- import { distribution, quartiles } from "./heat";
3
-
4
- export class Test extends StatChart {
5
-
6
- constructor() {
7
- super();
8
- this
9
- .view("normal")
10
- .quartiles(quartiles)
11
- .mean(distribution.mean)
12
- .standardDeviation(distribution.standardDeviation)
13
- .lazyRender()
14
- ;
15
- }
16
- }
1
+ import { StatChart } from "../StatChart";
2
+ import { distribution, quartiles } from "./heat";
3
+
4
+ export class Test extends StatChart {
5
+
6
+ constructor() {
7
+ super();
8
+ this
9
+ .view("normal")
10
+ .quartiles(quartiles)
11
+ .mean(distribution.mean)
12
+ .standardDeviation(distribution.standardDeviation)
13
+ .lazyRender()
14
+ ;
15
+ }
16
+ }
@@ -1,68 +1,68 @@
1
- import { Column } from "../Column";
2
- import { Pie } from "../Pie";
3
-
4
- export class Test3 extends Column {
5
-
6
- constructor() {
7
- super();
8
- this
9
- .columns(["", "Dismissed", "Pending", "Assigned"])
10
- .data([
11
- ["Joe Cocker", 10, 1, 10],
12
- ["Steve Tyler", 20, 2, 11],
13
- ["Einar Solberg", 30, 3, 12]
14
- ])
15
- // .paletteID("siuReportPalette")
16
- .showValue(true)
17
- .showValueAsPercent("domain")
18
- .yAxisPadding(16)
19
- .yAxisDomainPadding(0)
20
- // .showValueAsPercentFormat(".2%")
21
- .showDomainTotal(true)
22
- .yAxisType("linear")
23
- .xAxisType("ordinal")
24
- // .maxPointSize(26)
25
- .xAxisOrdinalPaddingOuter(0.1)
26
- .xAxisOrdinalPaddingInner(0.6)
27
- .xAxisOverlapMode("stagger")
28
- .valueCentered(true)
29
- .valueAnchor("middle")
30
- // .xAxisSeriesPaddingInner(3)
31
- .yAxisStacked(true)
32
- .yAxisGuideLines(true)
33
- .yAxisHidden(true)
34
- .xAxisHidden(false)
35
- .xAxisFocus(false)
36
- .xAxisGuideLines(false)
37
- .render()
38
- ;
39
- }
40
- }
41
-
42
- export class Test1 extends Pie {
43
-
44
- constructor() {
45
- super();
46
- this.columns(["Subject", "Result"])
47
- .data([
48
- ["English", 45],
49
- ["Irish", 28],
50
- ["Math", 98],
51
- ["Geography", 48],
52
- ["Science", 82]
53
- ])
54
- .on("click", () => {
55
- setTimeout(() => {
56
- this.selection([]);
57
- }, 1000);
58
- setTimeout(() => {
59
- const data = this.data();
60
- const rndIdx = Math.floor(Math.random() * data.length);
61
- // this.selection(data[rndIdx]);
62
- this.selectByLabel(data[rndIdx][0]);
63
- }, 2000);
64
- })
65
- ;
66
- }
67
- }
68
-
1
+ import { Column } from "../Column";
2
+ import { Pie } from "../Pie";
3
+
4
+ export class Test3 extends Column {
5
+
6
+ constructor() {
7
+ super();
8
+ this
9
+ .columns(["", "Dismissed", "Pending", "Assigned"])
10
+ .data([
11
+ ["Joe Cocker", 10, 1, 10],
12
+ ["Steve Tyler", 20, 2, 11],
13
+ ["Einar Solberg", 30, 3, 12]
14
+ ])
15
+ // .paletteID("siuReportPalette")
16
+ .showValue(true)
17
+ .showValueAsPercent("domain")
18
+ .yAxisPadding(16)
19
+ .yAxisDomainPadding(0)
20
+ // .showValueAsPercentFormat(".2%")
21
+ .showDomainTotal(true)
22
+ .yAxisType("linear")
23
+ .xAxisType("ordinal")
24
+ // .maxPointSize(26)
25
+ .xAxisOrdinalPaddingOuter(0.1)
26
+ .xAxisOrdinalPaddingInner(0.6)
27
+ .xAxisOverlapMode("stagger")
28
+ .valueCentered(true)
29
+ .valueAnchor("middle")
30
+ // .xAxisSeriesPaddingInner(3)
31
+ .yAxisStacked(true)
32
+ .yAxisGuideLines(true)
33
+ .yAxisHidden(true)
34
+ .xAxisHidden(false)
35
+ .xAxisFocus(false)
36
+ .xAxisGuideLines(false)
37
+ .render()
38
+ ;
39
+ }
40
+ }
41
+
42
+ export class Test1 extends Pie {
43
+
44
+ constructor() {
45
+ super();
46
+ this.columns(["Subject", "Result"])
47
+ .data([
48
+ ["English", 45],
49
+ ["Irish", 28],
50
+ ["Math", 98],
51
+ ["Geography", 48],
52
+ ["Science", 82]
53
+ ])
54
+ .on("click", () => {
55
+ setTimeout(() => {
56
+ this.selection([]);
57
+ }, 1000);
58
+ setTimeout(() => {
59
+ const data = this.data();
60
+ const rndIdx = Math.floor(Math.random() * data.length);
61
+ // this.selection(data[rndIdx]);
62
+ this.selectByLabel(data[rndIdx][0]);
63
+ }, 2000);
64
+ })
65
+ ;
66
+ }
67
+ }
68
+
package/src/index.ts CHANGED
@@ -1,28 +1,28 @@
1
- export * from "./__package__.ts";
2
- export * from "./Area.ts";
3
- export * from "./Axis.ts";
4
- export * from "./Bar.ts";
5
- export * from "./Bubble.ts";
6
- export * from "./BubbleXY.ts";
7
- export * from "./Bullet.ts";
8
- export * from "./Column.ts";
9
- export * from "./Contour.ts";
10
- export * from "./Gantt.ts";
11
- export * from "./Gauge.ts";
12
- export * from "./HalfPie.ts";
13
- export * from "./Heat.ts";
14
- export * from "./HexBin.ts";
15
- export * from "./Line.ts";
16
- export * from "./Pie.ts";
17
- export * from "./QuarterPie.ts";
18
- export * from "./QuartileCandlestick.ts";
19
- export * from "./Radar.ts";
20
- export * from "./RadialBar.ts";
21
- export * from "./Scatter.ts";
22
- export * from "./StatChart.ts";
23
- export * from "./Step.ts";
24
- export * from "./Summary.ts";
25
- export * from "./SummaryC.ts";
26
- export * from "./WordCloud.ts";
27
- export * from "./XYAxis.ts";
28
- export * from "./timeFormats.ts";
1
+ export * from "./__package__.ts";
2
+ export * from "./Area.ts";
3
+ export * from "./Axis.ts";
4
+ export * from "./Bar.ts";
5
+ export * from "./Bubble.ts";
6
+ export * from "./BubbleXY.ts";
7
+ export * from "./Bullet.ts";
8
+ export * from "./Column.ts";
9
+ export * from "./Contour.ts";
10
+ export * from "./Gantt.ts";
11
+ export * from "./Gauge.ts";
12
+ export * from "./HalfPie.ts";
13
+ export * from "./Heat.ts";
14
+ export * from "./HexBin.ts";
15
+ export * from "./Line.ts";
16
+ export * from "./Pie.ts";
17
+ export * from "./QuarterPie.ts";
18
+ export * from "./QuartileCandlestick.ts";
19
+ export * from "./Radar.ts";
20
+ export * from "./RadialBar.ts";
21
+ export * from "./Scatter.ts";
22
+ export * from "./StatChart.ts";
23
+ export * from "./Step.ts";
24
+ export * from "./Summary.ts";
25
+ export * from "./SummaryC.ts";
26
+ export * from "./WordCloud.ts";
27
+ export * from "./XYAxis.ts";
28
+ export * from "./timeFormats.ts";
package/src/test.ts CHANGED
@@ -1,70 +1,70 @@
1
- import { Column } from "./Column";
2
- import { Pie } from "./Pie";
3
-
4
- export { Test3 as Test };
5
-
6
- export class Test3 extends Column {
7
-
8
- constructor() {
9
- super();
10
- this
11
- .columns(["", "Dismissed", "Pending", "Assigned"])
12
- .data([
13
- ["Joe Cocker", 10, 1, 10],
14
- ["Steve Tyler", 20, 2, 11],
15
- ["Einar Solberg", 30, 3, 12]
16
- ])
17
- // .paletteID("siuReportPalette")
18
- .showValue(true)
19
- .showValueAsPercent("domain")
20
- .yAxisPadding(16)
21
- .yAxisDomainPadding(0)
22
- // .showValueAsPercentFormat(".2%")
23
- .showDomainTotal(true)
24
- .yAxisType("linear")
25
- .xAxisType("ordinal")
26
- // .maxPointSize(26)
27
- .xAxisOrdinalPaddingOuter(0.1)
28
- .xAxisOrdinalPaddingInner(0.6)
29
- .xAxisOverlapMode("stagger")
30
- .valueCentered(true)
31
- .valueAnchor("middle")
32
- // .xAxisSeriesPaddingInner(3)
33
- .yAxisStacked(true)
34
- .yAxisGuideLines(true)
35
- .yAxisHidden(true)
36
- .xAxisHidden(false)
37
- .xAxisFocus(false)
38
- .xAxisGuideLines(false)
39
- .render()
40
- ;
41
- }
42
- }
43
-
44
- export class Test1 extends Pie {
45
-
46
- constructor() {
47
- super();
48
- this.columns(["Subject", "Result"])
49
- .data([
50
- ["English", 45],
51
- ["Irish", 28],
52
- ["Math", 98],
53
- ["Geography", 48],
54
- ["Science", 82]
55
- ])
56
- .on("click", () => {
57
- setTimeout(() => {
58
- this.selection([]);
59
- }, 1000);
60
- setTimeout(() => {
61
- const data = this.data();
62
- const rndIdx = Math.floor(Math.random() * data.length);
63
- // this.selection(data[rndIdx]);
64
- this.selectByLabel(data[rndIdx][0]);
65
- }, 2000);
66
- })
67
- ;
68
- }
69
- }
70
-
1
+ import { Column } from "./Column";
2
+ import { Pie } from "./Pie";
3
+
4
+ export { Test3 as Test };
5
+
6
+ export class Test3 extends Column {
7
+
8
+ constructor() {
9
+ super();
10
+ this
11
+ .columns(["", "Dismissed", "Pending", "Assigned"])
12
+ .data([
13
+ ["Joe Cocker", 10, 1, 10],
14
+ ["Steve Tyler", 20, 2, 11],
15
+ ["Einar Solberg", 30, 3, 12]
16
+ ])
17
+ // .paletteID("siuReportPalette")
18
+ .showValue(true)
19
+ .showValueAsPercent("domain")
20
+ .yAxisPadding(16)
21
+ .yAxisDomainPadding(0)
22
+ // .showValueAsPercentFormat(".2%")
23
+ .showDomainTotal(true)
24
+ .yAxisType("linear")
25
+ .xAxisType("ordinal")
26
+ // .maxPointSize(26)
27
+ .xAxisOrdinalPaddingOuter(0.1)
28
+ .xAxisOrdinalPaddingInner(0.6)
29
+ .xAxisOverlapMode("stagger")
30
+ .valueCentered(true)
31
+ .valueAnchor("middle")
32
+ // .xAxisSeriesPaddingInner(3)
33
+ .yAxisStacked(true)
34
+ .yAxisGuideLines(true)
35
+ .yAxisHidden(true)
36
+ .xAxisHidden(false)
37
+ .xAxisFocus(false)
38
+ .xAxisGuideLines(false)
39
+ .render()
40
+ ;
41
+ }
42
+ }
43
+
44
+ export class Test1 extends Pie {
45
+
46
+ constructor() {
47
+ super();
48
+ this.columns(["Subject", "Result"])
49
+ .data([
50
+ ["English", 45],
51
+ ["Irish", 28],
52
+ ["Math", 98],
53
+ ["Geography", 48],
54
+ ["Science", 82]
55
+ ])
56
+ .on("click", () => {
57
+ setTimeout(() => {
58
+ this.selection([]);
59
+ }, 1000);
60
+ setTimeout(() => {
61
+ const data = this.data();
62
+ const rndIdx = Math.floor(Math.random() * data.length);
63
+ // this.selection(data[rndIdx]);
64
+ this.selectByLabel(data[rndIdx][0]);
65
+ }, 2000);
66
+ })
67
+ ;
68
+ }
69
+ }
70
+