cx 26.2.2 → 26.2.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 (335) hide show
  1. package/build/charts/Chart.d.ts.map +1 -1
  2. package/build/charts/Chart.js +5 -4
  3. package/build/charts/ColumnBarBase.d.ts +3 -3
  4. package/build/charts/ColumnBarBase.d.ts.map +1 -1
  5. package/build/charts/ColumnBarBase.js +1 -1
  6. package/build/charts/Legend.d.ts.map +1 -1
  7. package/build/charts/Legend.js +11 -4
  8. package/build/charts/Marker.d.ts +3 -3
  9. package/build/charts/Marker.d.ts.map +1 -1
  10. package/build/charts/MarkerLine.d.ts +7 -7
  11. package/build/charts/MarkerLine.d.ts.map +1 -1
  12. package/build/charts/MarkerLine.js +14 -10
  13. package/build/charts/PieChart.d.ts +4 -4
  14. package/build/charts/PieChart.d.ts.map +1 -1
  15. package/build/charts/PieChart.js +36 -14
  16. package/build/charts/PieLabel.d.ts.map +1 -1
  17. package/build/charts/PieLabel.js +2 -1
  18. package/build/charts/RangeMarker.d.ts +3 -3
  19. package/build/charts/RangeMarker.d.ts.map +1 -1
  20. package/build/charts/RangeMarker.js +1 -1
  21. package/build/charts/axis/TimeAxis.d.ts +3 -3
  22. package/build/charts/axis/TimeAxis.d.ts.map +1 -1
  23. package/build/charts/axis/TimeAxis.js +70 -21
  24. package/build/charts/helpers/SnapPointFinder.d.ts +2 -2
  25. package/build/charts/helpers/SnapPointFinder.d.ts.map +1 -1
  26. package/build/charts/helpers/ValueAtFinder.d.ts +3 -3
  27. package/build/charts/helpers/ValueAtFinder.d.ts.map +1 -1
  28. package/build/data/StructuredSelector.js +3 -4
  29. package/build/data/createAccessorModelProxy.d.ts +6 -11
  30. package/build/data/createAccessorModelProxy.d.ts.map +1 -1
  31. package/build/data/createAccessorModelProxy.js +1 -3
  32. package/build/jsx-runtime.d.ts +2 -1
  33. package/build/jsx-runtime.d.ts.map +1 -1
  34. package/build/svg/Ellipse.d.ts +5 -4
  35. package/build/svg/Ellipse.d.ts.map +1 -1
  36. package/build/svg/Ellipse.js +9 -6
  37. package/build/svg/Line.d.ts +1 -0
  38. package/build/svg/Line.d.ts.map +1 -1
  39. package/build/svg/Line.js +4 -1
  40. package/build/svg/Text.d.ts +12 -6
  41. package/build/svg/Text.d.ts.map +1 -1
  42. package/build/svg/Text.js +12 -4
  43. package/build/ui/Controller.d.ts +2 -0
  44. package/build/ui/Controller.d.ts.map +1 -1
  45. package/build/ui/Controller.js +3 -0
  46. package/build/ui/HoverSync.d.ts.map +1 -1
  47. package/build/ui/HoverSync.js +7 -2
  48. package/build/ui/Prop.d.ts +1 -1
  49. package/build/ui/Prop.d.ts.map +1 -1
  50. package/build/ui/Text.d.ts +3 -3
  51. package/build/ui/Text.d.ts.map +1 -1
  52. package/build/ui/Text.js +5 -5
  53. package/build/ui/adapter/GroupAdapter.d.ts.map +1 -1
  54. package/build/ui/adapter/GroupAdapter.js +20 -10
  55. package/build/ui/app/History.js +1 -1
  56. package/build/ui/createFunctionalComponent.d.ts +4 -1
  57. package/build/ui/createFunctionalComponent.d.ts.map +1 -1
  58. package/build/widgets/List.d.ts.map +1 -1
  59. package/build/widgets/List.js +6 -7
  60. package/build/widgets/drag-drop/DropZone.d.ts +3 -3
  61. package/build/widgets/drag-drop/DropZone.d.ts.map +1 -1
  62. package/build/widgets/form/Calendar.d.ts.map +1 -1
  63. package/build/widgets/form/Calendar.js +30 -11
  64. package/build/widgets/form/ColorField.d.ts.map +1 -1
  65. package/build/widgets/form/ColorField.js +16 -7
  66. package/build/widgets/form/DateTimeField.d.ts.map +1 -1
  67. package/build/widgets/form/DateTimeField.js +23 -10
  68. package/build/widgets/form/Field.d.ts +2 -0
  69. package/build/widgets/form/Field.d.ts.map +1 -1
  70. package/build/widgets/form/Field.js +11 -5
  71. package/build/widgets/form/LookupField.d.ts +1 -1
  72. package/build/widgets/form/LookupField.d.ts.map +1 -1
  73. package/build/widgets/form/LookupField.js +6 -6
  74. package/build/widgets/form/MonthField.d.ts.map +1 -1
  75. package/build/widgets/form/MonthField.js +15 -7
  76. package/build/widgets/form/MonthPicker.d.ts +1 -2
  77. package/build/widgets/form/MonthPicker.d.ts.map +1 -1
  78. package/build/widgets/form/MonthPicker.js +84 -41
  79. package/build/widgets/form/NumberField.d.ts +2 -0
  80. package/build/widgets/form/NumberField.d.ts.map +1 -1
  81. package/build/widgets/form/NumberField.js +45 -15
  82. package/build/widgets/form/TextField.d.ts +1 -9
  83. package/build/widgets/form/TextField.d.ts.map +1 -1
  84. package/build/widgets/form/TextField.js +1 -1
  85. package/build/widgets/form/TimeList.d.ts +3 -1
  86. package/build/widgets/form/TimeList.d.ts.map +1 -1
  87. package/build/widgets/grid/Grid.d.ts +2 -2
  88. package/build/widgets/grid/Grid.d.ts.map +1 -1
  89. package/build/widgets/grid/Grid.js +14 -11
  90. package/build/widgets/grid/Pagination.d.ts.map +1 -1
  91. package/build/widgets/grid/Pagination.js +4 -4
  92. package/build/widgets/grid/TreeNode.d.ts.map +1 -1
  93. package/build/widgets/grid/TreeNode.js +10 -2
  94. package/build/widgets/icons/folder.d.ts.map +1 -1
  95. package/build/widgets/icons/folder.js +1 -0
  96. package/build/widgets/icons/forward.d.ts.map +1 -1
  97. package/build/widgets/icons/forward.js +4 -3
  98. package/build/widgets/icons/loading.d.ts.map +1 -1
  99. package/build/widgets/icons/loading.js +6 -5
  100. package/build/widgets/icons/square.d.ts.map +1 -1
  101. package/build/widgets/icons/square.js +3 -3
  102. package/build/widgets/index.d.ts +3 -1
  103. package/build/widgets/index.d.ts.map +1 -1
  104. package/build/widgets/index.js +3 -1
  105. package/build/widgets/overlay/ContextMenu.d.ts.map +1 -1
  106. package/build/widgets/overlay/ContextMenu.js +2 -0
  107. package/build/widgets/overlay/Dropdown.d.ts +2 -1
  108. package/build/widgets/overlay/Dropdown.d.ts.map +1 -1
  109. package/build/widgets/overlay/Dropdown.js +75 -20
  110. package/build/widgets/overlay/MsgBox.d.ts +1 -0
  111. package/build/widgets/overlay/MsgBox.d.ts.map +1 -1
  112. package/build/widgets/overlay/MsgBox.js +2 -2
  113. package/build/widgets/overlay/Overlay.d.ts +32 -2
  114. package/build/widgets/overlay/Overlay.d.ts.map +1 -1
  115. package/build/widgets/overlay/Overlay.js +47 -16
  116. package/build/widgets/overlay/Toast.d.ts +1 -1
  117. package/build/widgets/overlay/Toast.d.ts.map +1 -1
  118. package/build/widgets/overlay/Toast.js +4 -1
  119. package/build/widgets/overlay/Tooltip.d.ts +6 -0
  120. package/build/widgets/overlay/Tooltip.d.ts.map +1 -1
  121. package/build/widgets/overlay/Tooltip.js +24 -9
  122. package/build/widgets/overlay/Window.d.ts.map +1 -1
  123. package/build/widgets/overlay/Window.js +24 -9
  124. package/dist/charts.css +325 -272
  125. package/dist/charts.js +11 -5
  126. package/dist/data.js +2 -2
  127. package/dist/manifest.js +853 -841
  128. package/dist/svg.css +14 -8
  129. package/dist/svg.js +9 -1
  130. package/dist/ui.js +29 -16
  131. package/dist/widgets.css +997 -294
  132. package/dist/widgets.js +319 -126
  133. package/package.json +1 -1
  134. package/src/charts/Bar.scss +13 -10
  135. package/src/charts/BarGraph.scss +31 -29
  136. package/src/charts/BubbleGraph.scss +11 -8
  137. package/src/charts/Chart.ts +5 -3
  138. package/src/charts/Column.scss +13 -10
  139. package/src/charts/ColumnBarBase.tsx +255 -230
  140. package/src/charts/ColumnGraph.scss +13 -11
  141. package/src/charts/Gridlines.scss +10 -8
  142. package/src/charts/Legend.scss +57 -50
  143. package/src/charts/Legend.tsx +257 -213
  144. package/src/charts/LegendEntry.scss +35 -29
  145. package/src/charts/LineGraph.scss +28 -25
  146. package/src/charts/Marker.scss +12 -10
  147. package/src/charts/Marker.tsx +3 -2
  148. package/src/charts/MarkerLine.scss +11 -8
  149. package/src/charts/MarkerLine.tsx +196 -177
  150. package/src/charts/PieChart.scss +12 -9
  151. package/src/charts/PieChart.tsx +717 -591
  152. package/src/charts/PieLabel.tsx +99 -81
  153. package/src/charts/Range.scss +11 -8
  154. package/src/charts/RangeMarker.tsx +204 -187
  155. package/src/charts/ScatterGraph.scss +12 -9
  156. package/src/charts/axis/Axis.scss +6 -5
  157. package/src/charts/axis/CategoryAxis.scss +10 -8
  158. package/src/charts/axis/NumericAxis.scss +9 -6
  159. package/src/charts/axis/TimeAxis.scss +9 -6
  160. package/src/charts/axis/TimeAxis.tsx +753 -637
  161. package/src/charts/axis/index.scss +4 -5
  162. package/src/charts/axis/variables.scss +4 -2
  163. package/src/charts/helpers/SnapPointFinder.ts +136 -136
  164. package/src/charts/helpers/ValueAtFinder.ts +72 -72
  165. package/src/charts/index.scss +16 -19
  166. package/src/charts/maps.scss +0 -0
  167. package/src/charts/palette.scss +11 -31
  168. package/src/charts/palette.variables.scss +23 -0
  169. package/src/charts/variables.scss +35 -3
  170. package/src/data/StructuredSelector.ts +2 -2
  171. package/src/data/createAccessorModelProxy.ts +66 -74
  172. package/src/index.scss +5 -6
  173. package/src/jsx-runtime.ts +2 -1
  174. package/src/maps.scss +5 -0
  175. package/src/svg/Ellipse.tsx +62 -55
  176. package/src/svg/Line.tsx +57 -42
  177. package/src/svg/Svg.scss +6 -6
  178. package/src/svg/Text.scss +19 -0
  179. package/src/svg/Text.tsx +172 -116
  180. package/src/svg/index.scss +3 -2
  181. package/src/svg/maps.scss +0 -0
  182. package/src/svg/variables.scss +0 -0
  183. package/src/ui/Container.spec.ts +59 -0
  184. package/src/ui/Controller.spec.tsx +30 -0
  185. package/src/ui/Controller.ts +5 -0
  186. package/src/ui/HoverSync.tsx +179 -147
  187. package/src/ui/Prop.ts +1 -1
  188. package/src/ui/Text.ts +12 -9
  189. package/src/ui/adapter/GroupAdapter.spec.ts +42 -0
  190. package/src/ui/adapter/GroupAdapter.ts +25 -14
  191. package/src/ui/app/History.ts +1 -1
  192. package/src/ui/createFunctionalComponent.spec.tsx +55 -0
  193. package/src/ui/createFunctionalComponent.ts +12 -2
  194. package/src/ui/index.scss +1 -1
  195. package/src/ui/layout/LabelsLeftLayout.scss +5 -7
  196. package/src/ui/layout/LabelsTopLayout.scss +4 -6
  197. package/src/ui/layout/index.scss +2 -3
  198. package/src/ui/maps.scss +0 -0
  199. package/src/ui/variables.scss +1 -2
  200. package/src/util/index.scss +4 -2
  201. package/src/util/maps.scss +1 -0
  202. package/src/util/scss/besm.scss +15 -0
  203. package/src/util/scss/calc.scss +103 -11
  204. package/src/util/scss/defaults.scss +24 -0
  205. package/src/util/scss/elements.scss +78 -0
  206. package/src/util/scss/global.scss +15 -0
  207. package/src/util/scss/include.scss +17 -9
  208. package/src/util/scss/index.scss +1 -9
  209. package/src/util/scss/maps.scss +2 -0
  210. package/src/util/scss/pad-size.scss +9 -0
  211. package/src/util/scss/padding.scss +6 -0
  212. package/src/util/scss/screen-size.scss +5 -0
  213. package/src/util/scss/variables.scss +6 -0
  214. package/src/util/variables.scss +1 -0
  215. package/src/variables.scss +5 -217
  216. package/src/widgets/Button.maps.scss +103 -0
  217. package/src/widgets/Button.scss +33 -9
  218. package/src/widgets/Button.variables.scss +8 -104
  219. package/src/widgets/CxCredit.scss +2 -0
  220. package/src/widgets/FlexBox.scss +16 -11
  221. package/src/widgets/Heading.scss +6 -0
  222. package/src/widgets/HighlightedSearchText.scss +8 -1
  223. package/src/widgets/Icon.scss +6 -0
  224. package/src/widgets/List.scss +7 -0
  225. package/src/widgets/List.tsx +6 -7
  226. package/src/widgets/ProgressBar.scss +9 -0
  227. package/src/widgets/Resizer.scss +9 -7
  228. package/src/widgets/Section.scss +53 -56
  229. package/src/widgets/animations.scss +4 -2
  230. package/src/widgets/box.scss +47 -0
  231. package/src/widgets/drag-drop/DragClone.scss +12 -4
  232. package/src/widgets/drag-drop/DragHandle.scss +12 -6
  233. package/src/widgets/drag-drop/DragSource.scss +12 -6
  234. package/src/widgets/drag-drop/DropZone.scss +9 -0
  235. package/src/widgets/drag-drop/DropZone.tsx +3 -3
  236. package/src/widgets/drag-drop/index.scss +4 -4
  237. package/src/widgets/drag-drop/maps.scss +7 -0
  238. package/src/widgets/drag-drop/variables.scss +8 -5
  239. package/src/widgets/form/Calendar.maps.scss +54 -0
  240. package/src/widgets/form/Calendar.scss +49 -11
  241. package/src/widgets/form/Calendar.tsx +755 -653
  242. package/src/widgets/form/Calendar.variables.scss +3 -46
  243. package/src/widgets/form/Checkbox.maps.scss +34 -0
  244. package/src/widgets/form/Checkbox.scss +14 -3
  245. package/src/widgets/form/Checkbox.variables.scss +4 -36
  246. package/src/widgets/form/ColorField.scss +21 -2
  247. package/src/widgets/form/ColorField.tsx +485 -431
  248. package/src/widgets/form/ColorPicker.maps.scss +21 -0
  249. package/src/widgets/form/ColorPicker.scss +26 -9
  250. package/src/widgets/form/ColorPicker.variables.scss +3 -16
  251. package/src/widgets/form/DateTimeField.scss +54 -21
  252. package/src/widgets/form/DateTimeField.tsx +697 -615
  253. package/src/widgets/form/DateTimePicker.scss +14 -4
  254. package/src/widgets/form/Field.maps.scss +122 -0
  255. package/src/widgets/form/Field.scss +54 -18
  256. package/src/widgets/form/Field.tsx +611 -504
  257. package/src/widgets/form/Field.variables.scss +46 -0
  258. package/src/widgets/form/HelpText.scss +8 -5
  259. package/src/widgets/form/Label.scss +10 -3
  260. package/src/widgets/form/LookupField.maps.scss +26 -0
  261. package/src/widgets/form/LookupField.scss +54 -24
  262. package/src/widgets/form/LookupField.tsx +25 -21
  263. package/src/widgets/form/MonthField.scss +48 -26
  264. package/src/widgets/form/MonthField.tsx +645 -567
  265. package/src/widgets/form/MonthPicker.maps.scss +50 -0
  266. package/src/widgets/form/MonthPicker.scss +44 -35
  267. package/src/widgets/form/MonthPicker.tsx +954 -724
  268. package/src/widgets/form/MonthPicker.variables.scss +24 -0
  269. package/src/widgets/form/NumberField.scss +19 -2
  270. package/src/widgets/form/NumberField.tsx +576 -466
  271. package/src/widgets/form/Radio.maps.scss +36 -0
  272. package/src/widgets/form/Radio.scss +12 -2
  273. package/src/widgets/form/Radio.variables.scss +3 -42
  274. package/src/widgets/form/Select.scss +25 -9
  275. package/src/widgets/form/Slider.scss +23 -14
  276. package/src/widgets/form/Switch.scss +18 -8
  277. package/src/widgets/form/TextArea.scss +14 -1
  278. package/src/widgets/form/TextField.scss +24 -3
  279. package/src/widgets/form/TextField.tsx +9 -21
  280. package/src/widgets/form/UploadButton.scss +14 -6
  281. package/src/widgets/form/ValidationError.scss +10 -6
  282. package/src/widgets/form/Wheel.scss +14 -4
  283. package/src/widgets/form/index.scss +22 -24
  284. package/src/widgets/form/maps.scss +81 -0
  285. package/src/widgets/form/variables.scss +111 -355
  286. package/src/widgets/grid/Grid.scss +19 -2
  287. package/src/widgets/grid/Grid.spec.ts +42 -0
  288. package/src/widgets/grid/Grid.tsx +18 -13
  289. package/src/widgets/grid/Pagination.scss +11 -2
  290. package/src/widgets/grid/Pagination.tsx +110 -102
  291. package/src/widgets/grid/TreeNode.scss +25 -8
  292. package/src/widgets/grid/TreeNode.tsx +127 -116
  293. package/src/widgets/grid/index.scss +3 -4
  294. package/src/widgets/grid/maps.scss +110 -0
  295. package/src/widgets/grid/variables.scss +48 -137
  296. package/src/widgets/icons/folder.tsx +1 -2
  297. package/src/widgets/icons/forward.tsx +23 -20
  298. package/src/widgets/icons/loading.tsx +22 -19
  299. package/src/widgets/icons/square.tsx +20 -17
  300. package/src/widgets/index.scss +16 -16
  301. package/src/widgets/index.ts +63 -58
  302. package/src/widgets/lists.scss +42 -0
  303. package/src/widgets/maps.scss +139 -0
  304. package/src/widgets/nav/Link.scss +14 -1
  305. package/src/widgets/nav/Menu.scss +13 -7
  306. package/src/widgets/nav/Menu.variables.scss +1 -12
  307. package/src/widgets/nav/MenuItem.scss +21 -6
  308. package/src/widgets/nav/Scroller.scss +11 -2
  309. package/src/widgets/nav/Tab.maps.scss +78 -0
  310. package/src/widgets/nav/Tab.scss +12 -6
  311. package/src/widgets/nav/Tab.variables.scss +7 -76
  312. package/src/widgets/nav/cover.scss +6 -4
  313. package/src/widgets/nav/index.scss +6 -6
  314. package/src/widgets/nav/maps.scss +32 -0
  315. package/src/widgets/nav/variables.scss +4 -11
  316. package/src/widgets/overlay/ContextMenu.ts +3 -0
  317. package/src/widgets/overlay/Dropdown.scss +47 -16
  318. package/src/widgets/overlay/Dropdown.tsx +851 -676
  319. package/src/widgets/overlay/MsgBox.tsx +125 -111
  320. package/src/widgets/overlay/Overlay.scss +60 -40
  321. package/src/widgets/overlay/Overlay.tsx +948 -800
  322. package/src/widgets/overlay/Toast.scss +42 -34
  323. package/src/widgets/overlay/Toast.ts +11 -1
  324. package/src/widgets/overlay/Tooltip.scss +27 -96
  325. package/src/widgets/overlay/Tooltip.tsx +376 -309
  326. package/src/widgets/overlay/Window.maps.scss +51 -0
  327. package/src/widgets/overlay/Window.scss +17 -17
  328. package/src/widgets/overlay/Window.tsx +291 -236
  329. package/src/widgets/overlay/Window.variables.scss +2 -43
  330. package/src/widgets/overlay/index.d.ts +11 -11
  331. package/src/widgets/overlay/index.scss +6 -15
  332. package/src/widgets/overlay/maps.scss +44 -0
  333. package/src/widgets/overlay/variables.scss +11 -42
  334. package/src/widgets/variables.scss +33 -117
  335. package/src/global.scss +0 -14
@@ -9,184 +9,201 @@ import { zeroTime } from "../../util/date/zeroTime";
9
9
  import { Console } from "../../util/Console";
10
10
  import { parseDateInvariant } from "../../util";
11
11
  import { RenderingContext } from "../../ui/RenderingContext";
12
- import { NumberProp, StringProp } from "../../ui/Prop";
12
+ import { NumberProp, Prop, StringProp } from "../../ui/Prop";
13
13
 
14
14
  export interface TimeAxisConfig extends AxisConfig {
15
- /** Minimum value. */
16
- min?: NumberProp;
15
+ /** Minimum value. */
16
+ min?: Prop<number | string | Date | null>;
17
17
 
18
- /** Maximum value. */
19
- max?: NumberProp;
18
+ /** Maximum value. */
19
+ max?: Prop<number | string | Date | null>;
20
20
 
21
- /** Base CSS class to be applied to the element. Defaults to `timeaxis`. */
22
- baseClass?: string;
21
+ /** Base CSS class to be applied to the element. Defaults to `timeaxis`. */
22
+ baseClass?: string;
23
23
 
24
- /** A number ranged between `0-2`. `0` means that the range is aligned with the lowest ticks. Default value is `1`, which means that the range is aligned with medium ticks. Use value `2` to align with major ticks. */
25
- snapToTicks?: 0 | 1 | 2 | false;
24
+ /** A number ranged between `0-2`. `0` means that the range is aligned with the lowest ticks. Default value is `1`, which means that the range is aligned with medium ticks. Use value `2` to align with major ticks. */
25
+ snapToTicks?: 0 | 1 | 2 | false;
26
26
 
27
- tickDivisions?: Record<string, number[][]>;
28
- minTickUnit?: string;
27
+ tickDivisions?: Record<string, number[][]>;
28
+ minTickUnit?: string;
29
29
 
30
- /** Set to true to apply precise label distances from minLabelDistanceFormatOverride based on the resolved label format. */
31
- useLabelDistanceFormatOverrides?: boolean;
30
+ /** Set to true to apply precise label distances from minLabelDistanceFormatOverride based on the resolved label format. */
31
+ useLabelDistanceFormatOverrides?: boolean;
32
32
 
33
- /** Mapping of formats to label distances, i.e. { "datetime;YYYYMM": 80 } */
34
- minLabelDistanceFormatOverride?: Record<string, number>;
35
- minLabelDistanceFormatOverrideDefaults?: Record<string, number>;
33
+ /** Mapping of formats to label distances, i.e. { "datetime;YYYYMM": 80 } */
34
+ minLabelDistanceFormatOverride?: Record<string, number>;
35
+ minLabelDistanceFormatOverrideDefaults?: Record<string, number>;
36
36
 
37
- /** Axis labels format string override. */
38
- format?: StringProp;
37
+ /** Axis labels format string override. */
38
+ format?: StringProp;
39
39
 
40
- /** Custom date decoder function. */
41
- decode?: (date: string) => string;
40
+ /** Custom date decoder function. */
41
+ decode?: (date: string) => string;
42
42
 
43
- /** Size of a zone reserved for labels for both lower and upper end of the axis. */
44
- deadZone?: number;
43
+ /** Size of a zone reserved for labels for both lower and upper end of the axis. */
44
+ deadZone?: number;
45
45
 
46
- /** Size of a zone reserved for labels near the lower end of the axis. */
47
- lowerDeadZone?: number;
46
+ /** Size of a zone reserved for labels near the lower end of the axis. */
47
+ lowerDeadZone?: number;
48
48
 
49
- /** Size of a zone reserved for labels near the upper (higher) end of the axis. */
50
- upperDeadZone?: number;
49
+ /** Size of a zone reserved for labels near the upper (higher) end of the axis. */
50
+ upperDeadZone?: number;
51
51
  }
52
52
 
53
53
  Format.registerFactory("yearOrMonth", (format: string) => {
54
- let year = Format.parse("datetime;yyyy");
55
- let month = Format.parse("datetime;MMM");
56
- return function (date: any): string {
57
- let d = parseDateInvariant(date);
58
- if (d.getMonth() == 0) return year(d);
59
- else return month(d);
60
- };
54
+ let year = Format.parse("datetime;yyyy");
55
+ let month = Format.parse("datetime;MMM");
56
+ return function (date: any): string {
57
+ let d = parseDateInvariant(date);
58
+ if (d.getMonth() == 0) return year(d);
59
+ else return month(d);
60
+ };
61
61
  });
62
62
 
63
63
  Format.registerFactory("monthOrDay", (format: string) => {
64
- let month = Format.parse("datetime;MMM");
65
- let day = Format.parse("datetime;dd");
66
- return function (date: any): string {
67
- let d = parseDateInvariant(date);
68
- if (d.getDate() == 1) return month(d);
69
- else return day(d);
70
- };
64
+ let month = Format.parse("datetime;MMM");
65
+ let day = Format.parse("datetime;dd");
66
+ return function (date: any): string {
67
+ let d = parseDateInvariant(date);
68
+ if (d.getDate() == 1) return month(d);
69
+ else return day(d);
70
+ };
71
71
  });
72
72
 
73
73
  export class TimeAxis extends Axis {
74
- declare deadZone: number;
75
- declare lowerDeadZone: number;
76
- declare upperDeadZone: number;
77
- declare snapToTicks: number | false;
78
- declare tickDivisions: Record<string, number[][]>;
79
- declare minTickUnit: string;
80
- declare useLabelDistanceFormatOverrides: boolean;
81
- declare minLabelDistanceFormatOverride: Record<string, number>;
82
- declare minLabelDistanceFormatOverrideDefaults: Record<string, number>;
83
- declare format: string;
84
- declare decode: TimeAxisConfig["decode"];
85
-
86
- constructor(config: TimeAxisConfig) {
87
- super(config);
88
- }
89
-
90
- init(): void {
91
- if (this.labelAnchor == "auto") this.labelAnchor = this.vertical ? (this.secondary ? "start" : "end") : "start";
92
-
93
- if (this.labelDx == "auto") this.labelDx = this.vertical ? 0 : "5px";
94
-
95
- if (this.deadZone) {
96
- this.lowerDeadZone = this.deadZone;
97
- this.upperDeadZone = this.deadZone;
98
- }
99
-
100
- this.minLabelDistanceFormatOverride = {
101
- ...this.minLabelDistanceFormatOverrideDefaults,
102
- ...this.minLabelDistanceFormatOverride,
103
- };
104
-
105
- super.init();
106
- }
107
-
108
- declareData(...args: any[]): void {
109
- super.declareData(
110
- {
111
- anchors: undefined,
112
- min: undefined,
113
- max: undefined,
114
- inverted: undefined,
115
- lowerDeadZone: undefined,
116
- upperDeadZone: undefined,
117
- },
118
- ...args,
119
- );
120
- }
121
-
122
- initInstance(context: RenderingContext, instance: AxisInstance): void {
123
- instance.calculator = new TimeScale();
124
- }
125
-
126
- explore(context: RenderingContext, instance: AxisInstance): void {
127
- super.explore(context, instance);
128
- let { min, max, normalized, inverted, lowerDeadZone, upperDeadZone } = instance.data;
129
- instance.calculator.reset(
130
- min,
131
- max,
132
- this.snapToTicks,
133
- this.tickDivisions,
134
- Math.max(1, this.minTickDistance),
135
- Math.max(1, this.minLabelDistance),
136
- normalized,
137
- inverted,
138
- this.minTickUnit,
139
- lowerDeadZone,
140
- upperDeadZone,
141
- this.decode,
142
- this.useLabelDistanceFormatOverrides ? this.minLabelDistanceFormatOverride : {},
143
- this.format,
144
- );
145
- }
146
-
147
- render(context: RenderingContext, instance: AxisInstance, key: string): React.ReactNode {
148
- let { data, cached, calculator } = instance;
149
-
150
- cached.axis = calculator.hash();
151
-
152
- if (!data.bounds.valid()) return null;
153
-
154
- let format = calculator.resolvedFormat;
155
- let minLabelDistance = calculator.resolvedMinLabelDistance;
156
- let formatter = Format.parse(format);
157
-
158
- return (
159
- <g key={key} className={data.classNames} style={data.style}>
160
- {this.renderTicksAndLabels(context, instance, formatter, minLabelDistance)}
161
- </g>
162
- );
163
- }
74
+ declare deadZone: number;
75
+ declare lowerDeadZone: number;
76
+ declare upperDeadZone: number;
77
+ declare snapToTicks: number | false;
78
+ declare tickDivisions: Record<string, number[][]>;
79
+ declare minTickUnit: string;
80
+ declare useLabelDistanceFormatOverrides: boolean;
81
+ declare minLabelDistanceFormatOverride: Record<string, number>;
82
+ declare minLabelDistanceFormatOverrideDefaults: Record<string, number>;
83
+ declare format: string;
84
+ declare decode: TimeAxisConfig["decode"];
85
+
86
+ constructor(config: TimeAxisConfig) {
87
+ super(config);
88
+ }
89
+
90
+ init(): void {
91
+ if (this.labelAnchor == "auto")
92
+ this.labelAnchor = this.vertical
93
+ ? this.secondary
94
+ ? "start"
95
+ : "end"
96
+ : "start";
97
+
98
+ if (this.labelDx == "auto") this.labelDx = this.vertical ? 0 : "5px";
99
+
100
+ if (this.deadZone) {
101
+ this.lowerDeadZone = this.deadZone;
102
+ this.upperDeadZone = this.deadZone;
103
+ }
104
+
105
+ this.minLabelDistanceFormatOverride = {
106
+ ...this.minLabelDistanceFormatOverrideDefaults,
107
+ ...this.minLabelDistanceFormatOverride,
108
+ };
109
+
110
+ super.init();
111
+ }
112
+
113
+ declareData(...args: any[]): void {
114
+ super.declareData(
115
+ {
116
+ anchors: undefined,
117
+ min: undefined,
118
+ max: undefined,
119
+ inverted: undefined,
120
+ lowerDeadZone: undefined,
121
+ upperDeadZone: undefined,
122
+ },
123
+ ...args,
124
+ );
125
+ }
126
+
127
+ initInstance(context: RenderingContext, instance: AxisInstance): void {
128
+ instance.calculator = new TimeScale();
129
+ }
130
+
131
+ explore(context: RenderingContext, instance: AxisInstance): void {
132
+ super.explore(context, instance);
133
+ let { min, max, normalized, inverted, lowerDeadZone, upperDeadZone } =
134
+ instance.data;
135
+ instance.calculator.reset(
136
+ min,
137
+ max,
138
+ this.snapToTicks,
139
+ this.tickDivisions,
140
+ Math.max(1, this.minTickDistance),
141
+ Math.max(1, this.minLabelDistance),
142
+ normalized,
143
+ inverted,
144
+ this.minTickUnit,
145
+ lowerDeadZone,
146
+ upperDeadZone,
147
+ this.decode,
148
+ this.useLabelDistanceFormatOverrides
149
+ ? this.minLabelDistanceFormatOverride
150
+ : {},
151
+ this.format,
152
+ );
153
+ }
154
+
155
+ render(
156
+ context: RenderingContext,
157
+ instance: AxisInstance,
158
+ key: string,
159
+ ): React.ReactNode {
160
+ let { data, cached, calculator } = instance;
161
+
162
+ cached.axis = calculator.hash();
163
+
164
+ if (!data.bounds.valid()) return null;
165
+
166
+ let format = calculator.resolvedFormat;
167
+ let minLabelDistance = calculator.resolvedMinLabelDistance;
168
+ let formatter = Format.parse(format);
169
+
170
+ return (
171
+ <g key={key} className={data.classNames} style={data.style}>
172
+ {this.renderTicksAndLabels(
173
+ context,
174
+ instance,
175
+ formatter,
176
+ minLabelDistance,
177
+ )}
178
+ </g>
179
+ );
180
+ }
164
181
  }
165
182
 
166
183
  Axis.alias("time", TimeAxis);
167
184
 
168
185
  TimeAxis.prototype.baseClass = "timeaxis";
169
186
  TimeAxis.prototype.tickDivisions = {
170
- second: [[1, 5, 15, 30]],
171
- minute: [[1, 5, 15, 30]],
172
- hour: [
173
- [1, 2, 4, 8],
174
- [1, 3, 6, 12],
175
- ],
176
- day: [[1]],
177
- week: [[1]],
178
- month: [[1, 3, 6]],
179
- year: [
180
- [1, 2, 10],
181
- [1, 5, 10],
182
- [5, 10, 50],
183
- [10, 50, 100],
184
- ],
187
+ second: [[1, 5, 15, 30]],
188
+ minute: [[1, 5, 15, 30]],
189
+ hour: [
190
+ [1, 2, 4, 8],
191
+ [1, 3, 6, 12],
192
+ ],
193
+ day: [[1]],
194
+ week: [[1]],
195
+ month: [[1, 3, 6]],
196
+ year: [
197
+ [1, 2, 10],
198
+ [1, 5, 10],
199
+ [5, 10, 50],
200
+ [10, 50, 100],
201
+ ],
185
202
  };
186
203
 
187
204
  const TimeFormats = {
188
- fullDateAndTime: "datetime;yyyy MMM dd HH mm ss n",
189
- shortMonthDate: "datetime;yyyy MMM dd",
205
+ fullDateAndTime: "datetime;yyyy MMM dd HH mm ss n",
206
+ shortMonthDate: "datetime;yyyy MMM dd",
190
207
  };
191
208
 
192
209
  TimeAxis.prototype.snapToTicks = 0;
@@ -196,523 +213,622 @@ TimeAxis.prototype.minTickDistance = 60;
196
213
  TimeAxis.prototype.minTickUnit = "second";
197
214
  TimeAxis.prototype.useLabelDistanceFormatOverrides = false;
198
215
  TimeAxis.prototype.minLabelDistanceFormatOverrideDefaults = {
199
- [TimeFormats.fullDateAndTime]: 150,
200
- [TimeFormats.shortMonthDate]: 90,
216
+ [TimeFormats.fullDateAndTime]: 150,
217
+ [TimeFormats.shortMonthDate]: 90,
201
218
  };
202
219
 
203
220
  function monthNumber(date: Date): number {
204
- return date.getFullYear() * 12 + date.getMonth() + (date.getDate() - 1) / 31;
221
+ return date.getFullYear() * 12 + date.getMonth() + (date.getDate() - 1) / 31;
205
222
  }
206
223
 
207
224
  function yearNumber(date: Date): number {
208
- return monthNumber(date) / 12;
225
+ return monthNumber(date) / 12;
209
226
  }
210
227
 
211
228
  const milliSeconds: Record<string, number> = {
212
- second: 1000,
213
- minute: 60 * 1000,
214
- hour: 3600 * 1000,
215
- day: 3600 * 24 * 1000,
216
- week: 3600 * 24 * 7 * 1000,
217
- month: 3600 * 24 * 30 * 1000,
218
- year: 3600 * 24 * 365 * 1000,
229
+ second: 1000,
230
+ minute: 60 * 1000,
231
+ hour: 3600 * 1000,
232
+ day: 3600 * 24 * 1000,
233
+ week: 3600 * 24 * 7 * 1000,
234
+ month: 3600 * 24 * 30 * 1000,
235
+ year: 3600 * 24 * 365 * 1000,
219
236
  };
220
237
 
221
238
  interface TickSize {
222
- size: number;
223
- measure: string;
224
- noLabels?: boolean;
239
+ size: number;
240
+ measure: string;
241
+ noLabels?: boolean;
225
242
  }
226
243
 
227
244
  interface TimeScaleRange {
228
- factor: number;
229
- min: number;
230
- max: number;
231
- minPadding: number;
232
- maxPadding: number;
245
+ factor: number;
246
+ min: number;
247
+ max: number;
248
+ minPadding: number;
249
+ maxPadding: number;
233
250
  }
234
251
 
235
252
  class TimeScale {
236
- dateCache: Record<string, number>;
237
- min: number | null;
238
- max: number | null;
239
- snapToTicks: number | false;
240
- tickDivisions: Record<string, number[][]>;
241
- minLabelDistance: number;
242
- minTickDistance: number;
243
- tickSizes: TickSize[];
244
- normalized: boolean;
245
- minTickUnit: string;
246
- inverted: boolean;
247
- lowerDeadZone: number;
248
- upperDeadZone: number;
249
- minValue?: number;
250
- maxValue?: number;
251
- minValuePadded?: number;
252
- maxValuePadded?: number;
253
- stacks: Record<string, Stack>;
254
- decode?: (date: string) => string;
255
- minLabelDistanceFormatOverride: Record<string, number>;
256
- format: string;
257
- origin: number;
258
- scale: TimeScaleRange;
259
- a: number;
260
- b: number;
261
- tickMeasure: string;
262
- resolvedFormat: string | null;
263
- resolvedMinLabelDistance: number;
264
- shouldUpdate: boolean;
265
-
266
- reset(
267
- min: any,
268
- max: any,
269
- snapToTicks: number | false,
270
- tickDivisions: Record<string, number[][]>,
271
- minTickDistance: number,
272
- minLabelDistance: number,
273
- normalized: boolean,
274
- inverted: boolean,
275
- minTickUnit: string,
276
- lowerDeadZone: number,
277
- upperDeadZone: number,
278
- decode: ((date: string) => string) | undefined,
279
- minLabelDistanceFormatOverride: Record<string, number>,
280
- format: string,
281
- ): void {
282
- this.dateCache = {};
283
- this.min = min != null ? this.decodeValue(min) : null;
284
- this.max = max != null ? this.decodeValue(max) : null;
285
- this.snapToTicks = snapToTicks;
286
- this.tickDivisions = tickDivisions;
287
- this.minLabelDistance = minLabelDistance;
288
- this.minTickDistance = minTickDistance;
289
- this.tickSizes = [];
290
- this.normalized = normalized;
291
- this.minTickUnit = minTickUnit;
292
- this.inverted = inverted;
293
- this.lowerDeadZone = lowerDeadZone || 0;
294
- this.upperDeadZone = upperDeadZone || 0;
295
- this.minValue = undefined;
296
- this.maxValue = undefined;
297
- this.minValuePadded = undefined;
298
- this.maxValuePadded = undefined;
299
- this.stacks = {};
300
- this.decode = decode;
301
- this.minLabelDistanceFormatOverride = minLabelDistanceFormatOverride;
302
- this.format = format;
303
- }
304
-
305
- decodeValue(date: any): number {
306
- if (date instanceof Date) return date.getTime();
307
-
308
- switch (typeof date) {
309
- case "string":
310
- let v = this.dateCache[date];
311
- if (!v) {
312
- if (this.decode) date = this.decode(date);
313
- v = this.dateCache[date] = parseDateInvariant(date).getTime();
314
- }
315
- return v;
316
-
317
- case "number":
318
- return parseDateInvariant(date).getTime();
319
- }
320
- return 0;
321
- }
322
-
323
- encodeValue(v: number): string {
324
- return new Date(v).toISOString();
325
- }
326
-
327
- getFormat(unit: string, scale: TimeScaleRange): string {
328
- switch (unit) {
329
- case "year":
330
- return "datetime;yyyy";
331
-
332
- case "month":
333
- if (new Date(scale.min).getFullYear() != new Date(scale.max).getFullYear()) return "yearOrMonth";
334
- return "datetime;yyyy MMM";
335
-
336
- case "week":
337
- return "datetime;MMMdd";
338
-
339
- case "day":
340
- if (
341
- new Date(scale.min).getFullYear() != new Date(scale.max).getFullYear() ||
342
- new Date(scale.min).getMonth() != new Date(scale.max).getMonth()
343
- )
344
- return "monthOrDay";
345
-
346
- return TimeFormats.shortMonthDate;
347
-
348
- case "hour":
349
- return "datetime;HH mm n";
350
-
351
- case "minute":
352
- return "datetime;HH mm n";
353
-
354
- case "second":
355
- return "datetime;mm ss";
356
-
357
- default:
358
- return TimeFormats.fullDateAndTime;
359
- }
360
- }
361
-
362
- map(v: any, offset: number = 0): number {
363
- return this.origin + (this.decodeValue(v) + offset - this.scale.min + this.scale.minPadding) * this.scale.factor;
364
- }
365
-
366
- constrainValue(v: number): number {
367
- return Math.max(this.scale.min, Math.min(this.scale.max, v));
368
- }
369
-
370
- trackValue(v: number, offset: number = 0, constrain: boolean = false): number {
371
- let value = (v - this.origin) / this.scale.factor - offset + this.scale.min - this.scale.minPadding;
372
- if (constrain) value = this.constrainValue(value);
373
- return value;
374
- }
375
-
376
- hash(): Record<string, any> {
377
- let r: any = {
378
- origin: this.origin,
379
- factor: this.scale.factor,
380
- min: this.scale.min,
381
- max: this.scale.max,
382
- minPadding: this.scale.minPadding,
383
- maxPadding: this.scale.maxPadding,
384
- };
385
- r.stacks = Object.keys(this.stacks)
386
- .map((s) => this.stacks[s].info?.join(","))
387
- .join(":");
388
- return r;
389
- }
390
-
391
- isSame(x: any): boolean {
392
- let hash = this.hash();
393
- let same = x && !Object.keys(hash).some((k) => x[k] !== hash[k]);
394
- this.shouldUpdate = !same;
395
- return same;
396
- }
397
-
398
- measure(a: number, b: number): void {
399
- this.a = a;
400
- this.b = b;
401
-
402
- for (let s in this.stacks) {
403
- let info = this.stacks[s].measure(this.normalized);
404
- let [min, max] = info;
405
- if (this.minValue == null || min < this.minValue) this.minValue = min;
406
- if (this.max == null || max > this.maxValue!) this.maxValue = max;
407
- this.stacks[s].info = info;
253
+ dateCache: Record<string, number>;
254
+ min: number | null;
255
+ max: number | null;
256
+ snapToTicks: number | false;
257
+ tickDivisions: Record<string, number[][]>;
258
+ minLabelDistance: number;
259
+ minTickDistance: number;
260
+ tickSizes: TickSize[];
261
+ normalized: boolean;
262
+ minTickUnit: string;
263
+ inverted: boolean;
264
+ lowerDeadZone: number;
265
+ upperDeadZone: number;
266
+ minValue?: number;
267
+ maxValue?: number;
268
+ minValuePadded?: number;
269
+ maxValuePadded?: number;
270
+ stacks: Record<string, Stack>;
271
+ decode?: (date: string) => string;
272
+ minLabelDistanceFormatOverride: Record<string, number>;
273
+ format: string;
274
+ origin: number;
275
+ scale: TimeScaleRange;
276
+ a: number;
277
+ b: number;
278
+ tickMeasure: string;
279
+ resolvedFormat: string | null;
280
+ resolvedMinLabelDistance: number;
281
+ shouldUpdate: boolean;
282
+
283
+ reset(
284
+ min: any,
285
+ max: any,
286
+ snapToTicks: number | false,
287
+ tickDivisions: Record<string, number[][]>,
288
+ minTickDistance: number,
289
+ minLabelDistance: number,
290
+ normalized: boolean,
291
+ inverted: boolean,
292
+ minTickUnit: string,
293
+ lowerDeadZone: number,
294
+ upperDeadZone: number,
295
+ decode: ((date: string) => string) | undefined,
296
+ minLabelDistanceFormatOverride: Record<string, number>,
297
+ format: string,
298
+ ): void {
299
+ this.dateCache = {};
300
+ this.min = min != null ? this.decodeValue(min) : null;
301
+ this.max = max != null ? this.decodeValue(max) : null;
302
+ this.snapToTicks = snapToTicks;
303
+ this.tickDivisions = tickDivisions;
304
+ this.minLabelDistance = minLabelDistance;
305
+ this.minTickDistance = minTickDistance;
306
+ this.tickSizes = [];
307
+ this.normalized = normalized;
308
+ this.minTickUnit = minTickUnit;
309
+ this.inverted = inverted;
310
+ this.lowerDeadZone = lowerDeadZone || 0;
311
+ this.upperDeadZone = upperDeadZone || 0;
312
+ this.minValue = undefined;
313
+ this.maxValue = undefined;
314
+ this.minValuePadded = undefined;
315
+ this.maxValuePadded = undefined;
316
+ this.stacks = {};
317
+ this.decode = decode;
318
+ this.minLabelDistanceFormatOverride = minLabelDistanceFormatOverride;
319
+ this.format = format;
320
+ }
321
+
322
+ decodeValue(date: any): number {
323
+ if (date instanceof Date) return date.getTime();
324
+
325
+ switch (typeof date) {
326
+ case "string":
327
+ let v = this.dateCache[date];
328
+ if (!v) {
329
+ if (this.decode) date = this.decode(date);
330
+ v = this.dateCache[date] = parseDateInvariant(date).getTime();
331
+ }
332
+ return v;
333
+
334
+ case "number":
335
+ return parseDateInvariant(date).getTime();
336
+ }
337
+ return 0;
338
+ }
339
+
340
+ encodeValue(v: number): string {
341
+ return new Date(v).toISOString();
342
+ }
343
+
344
+ getFormat(unit: string, scale: TimeScaleRange): string {
345
+ switch (unit) {
346
+ case "year":
347
+ return "datetime;yyyy";
348
+
349
+ case "month":
350
+ if (
351
+ new Date(scale.min).getFullYear() != new Date(scale.max).getFullYear()
352
+ )
353
+ return "yearOrMonth";
354
+ return "datetime;yyyy MMM";
355
+
356
+ case "week":
357
+ return "datetime;MMMdd";
358
+
359
+ case "day":
360
+ if (
361
+ new Date(scale.min).getFullYear() !=
362
+ new Date(scale.max).getFullYear() ||
363
+ new Date(scale.min).getMonth() != new Date(scale.max).getMonth()
364
+ )
365
+ return "monthOrDay";
366
+
367
+ return TimeFormats.shortMonthDate;
368
+
369
+ case "hour":
370
+ return "datetime;HH mm n";
371
+
372
+ case "minute":
373
+ return "datetime;HH mm n";
374
+
375
+ case "second":
376
+ return "datetime;mm ss";
377
+
378
+ default:
379
+ return TimeFormats.fullDateAndTime;
380
+ }
381
+ }
382
+
383
+ map(v: any, offset: number = 0): number {
384
+ return (
385
+ this.origin +
386
+ (this.decodeValue(v) + offset - this.scale.min + this.scale.minPadding) *
387
+ this.scale.factor
388
+ );
389
+ }
390
+
391
+ constrainValue(v: number): number {
392
+ return Math.max(this.scale.min, Math.min(this.scale.max, v));
393
+ }
394
+
395
+ trackValue(
396
+ v: number,
397
+ offset: number = 0,
398
+ constrain: boolean = false,
399
+ ): number {
400
+ let value =
401
+ (v - this.origin) / this.scale.factor -
402
+ offset +
403
+ this.scale.min -
404
+ this.scale.minPadding;
405
+ if (constrain) value = this.constrainValue(value);
406
+ return value;
407
+ }
408
+
409
+ hash(): Record<string, any> {
410
+ let r: any = {
411
+ origin: this.origin,
412
+ factor: this.scale.factor,
413
+ min: this.scale.min,
414
+ max: this.scale.max,
415
+ minPadding: this.scale.minPadding,
416
+ maxPadding: this.scale.maxPadding,
417
+ };
418
+ r.stacks = Object.keys(this.stacks)
419
+ .map((s) => this.stacks[s].info?.join(","))
420
+ .join(":");
421
+ return r;
422
+ }
423
+
424
+ isSame(x: any): boolean {
425
+ let hash = this.hash();
426
+ let same = x && !Object.keys(hash).some((k) => x[k] !== hash[k]);
427
+ this.shouldUpdate = !same;
428
+ return same;
429
+ }
430
+
431
+ measure(a: number, b: number): void {
432
+ this.a = a;
433
+ this.b = b;
434
+
435
+ for (let s in this.stacks) {
436
+ let info = this.stacks[s].measure(this.normalized);
437
+ let [min, max] = info;
438
+ if (this.minValue == null || min < this.minValue) this.minValue = min;
439
+ if (this.max == null || max > this.maxValue!) this.maxValue = max;
440
+ this.stacks[s].info = info;
441
+ }
442
+
443
+ if (this.min == null) {
444
+ if (this.minValue != null) this.min = this.minValue;
445
+ else this.min = 0;
446
+ }
447
+
448
+ if (this.max == null) {
449
+ if (this.maxValue != null) this.max = this.maxValue;
450
+ else this.max = this.normalized ? 1 : 100;
451
+ }
452
+
453
+ this.origin = this.inverted ? this.b : this.a;
454
+
455
+ this.calculateTicks();
456
+ if (this.scale == null) {
457
+ this.scale = this.getScale();
458
+ }
459
+ }
460
+
461
+ getTimezoneOffset(date: Date): number {
462
+ return date.getTimezoneOffset() * 60 * 1000;
463
+ }
464
+
465
+ getScale(
466
+ tickSize?: number | null,
467
+ measure?: string,
468
+ minRange: number = 1000,
469
+ ): TimeScaleRange {
470
+ let { min, max, upperDeadZone, lowerDeadZone } = this;
471
+
472
+ let smin: number = min!;
473
+ let smax: number = max!;
474
+
475
+ if (tickSize) {
476
+ let minDate = new Date(min!);
477
+ let maxDate = new Date(max!);
478
+
479
+ switch (measure) {
480
+ case "second":
481
+ case "minute":
482
+ case "hour":
483
+ case "day":
484
+ default:
485
+ let minOffset = this.getTimezoneOffset(minDate);
486
+ let maxOffset = this.getTimezoneOffset(maxDate);
487
+ let mondayOffset = 4 * milliSeconds.day; //new Date(0).getDay() => 4
488
+ smin =
489
+ Math.floor((smin - minOffset - mondayOffset) / tickSize) *
490
+ tickSize +
491
+ minOffset +
492
+ mondayOffset;
493
+ smax =
494
+ Math.ceil((smax - maxOffset - mondayOffset) / tickSize) * tickSize +
495
+ maxOffset +
496
+ mondayOffset;
497
+ break;
498
+
499
+ case "month":
500
+ tickSize /= milliSeconds.month;
501
+ let minMonth = monthNumber(minDate);
502
+ let maxMonth = monthNumber(maxDate);
503
+ minMonth = Math.floor(minMonth / tickSize) * tickSize;
504
+ maxMonth = Math.ceil(maxMonth / tickSize) * tickSize;
505
+ smin = new Date(
506
+ Math.floor(minMonth / 12),
507
+ minMonth % 12,
508
+ 1,
509
+ ).getTime();
510
+ smax = new Date(
511
+ Math.floor(maxMonth / 12),
512
+ maxMonth % 12,
513
+ 1,
514
+ ).getTime();
515
+ break;
516
+
517
+ case "year":
518
+ tickSize /= milliSeconds.year;
519
+ let minYear = yearNumber(minDate);
520
+ let maxYear = yearNumber(maxDate);
521
+ minYear = Math.floor(minYear / tickSize) * tickSize;
522
+ maxYear = Math.ceil(maxYear / tickSize) * tickSize;
523
+ smin = new Date(minYear, 0, 1).getTime();
524
+ smax = new Date(maxYear, 0, 1).getTime();
525
+ break;
408
526
  }
409
-
410
- if (this.min == null) {
411
- if (this.minValue != null) this.min = this.minValue;
412
- else this.min = 0;
413
- }
414
-
415
- if (this.max == null) {
416
- if (this.maxValue != null) this.max = this.maxValue;
417
- else this.max = this.normalized ? 1 : 100;
418
- }
419
-
420
- this.origin = this.inverted ? this.b : this.a;
421
-
422
- this.calculateTicks();
423
- if (this.scale == null) {
424
- this.scale = this.getScale();
425
- }
426
- }
427
-
428
- getTimezoneOffset(date: Date): number {
429
- return date.getTimezoneOffset() * 60 * 1000;
430
- }
431
-
432
- getScale(tickSize?: number | null, measure?: string, minRange: number = 1000): TimeScaleRange {
433
- let { min, max, upperDeadZone, lowerDeadZone } = this;
434
-
435
- let smin: number = min!;
436
- let smax: number = max!;
437
-
438
- if (tickSize) {
439
- let minDate = new Date(min!);
440
- let maxDate = new Date(max!);
441
-
442
- switch (measure) {
443
- case "second":
444
- case "minute":
445
- case "hour":
446
- case "day":
447
- default:
448
- let minOffset = this.getTimezoneOffset(minDate);
449
- let maxOffset = this.getTimezoneOffset(maxDate);
450
- let mondayOffset = 4 * milliSeconds.day; //new Date(0).getDay() => 4
451
- smin = Math.floor((smin - minOffset - mondayOffset) / tickSize) * tickSize + minOffset + mondayOffset;
452
- smax = Math.ceil((smax - maxOffset - mondayOffset) / tickSize) * tickSize + maxOffset + mondayOffset;
453
- break;
454
-
455
- case "month":
456
- tickSize /= milliSeconds.month;
457
- let minMonth = monthNumber(minDate);
458
- let maxMonth = monthNumber(maxDate);
459
- minMonth = Math.floor(minMonth / tickSize) * tickSize;
460
- maxMonth = Math.ceil(maxMonth / tickSize) * tickSize;
461
- smin = new Date(Math.floor(minMonth / 12), minMonth % 12, 1).getTime();
462
- smax = new Date(Math.floor(maxMonth / 12), maxMonth % 12, 1).getTime();
463
- break;
464
-
465
- case "year":
466
- tickSize /= milliSeconds.year;
467
- let minYear = yearNumber(minDate);
468
- let maxYear = yearNumber(maxDate);
469
- minYear = Math.floor(minYear / tickSize) * tickSize;
470
- maxYear = Math.ceil(maxYear / tickSize) * tickSize;
471
- smin = new Date(minYear, 0, 1).getTime();
472
- smax = new Date(maxYear, 0, 1).getTime();
473
- break;
474
- }
475
- } else {
476
- if (this.minValue == min) smin = this.minValuePadded!;
477
- if (this.maxValue == max) smax = this.maxValuePadded!;
527
+ } else {
528
+ if (this.minValue == min) smin = this.minValuePadded!;
529
+ if (this.maxValue == max) smax = this.maxValuePadded!;
530
+ }
531
+
532
+ if (smax - smin < minRange) {
533
+ let delta = (minRange - (smax - smin)) / 2;
534
+ smin -= delta;
535
+ smax += delta;
536
+ }
537
+
538
+ //padding should be activated only if using min/max obtained from the data
539
+ let minPadding =
540
+ this.minValue === min ? Math.max(0, smin - this.minValuePadded!) : 0;
541
+ let maxPadding =
542
+ this.maxValue === max ? Math.max(0, this.maxValuePadded! - smax) : 0;
543
+
544
+ let factor =
545
+ smin < smax
546
+ ? Math.abs(this.b - this.a) / (smax - smin + minPadding + maxPadding)
547
+ : 0;
548
+ if (factor > 0 && (upperDeadZone > 0 || lowerDeadZone > 0)) {
549
+ smin -= lowerDeadZone / factor;
550
+ smax += upperDeadZone / factor;
551
+ minPadding =
552
+ this.minValuePadded != null
553
+ ? Math.max(0, smin - this.minValuePadded)
554
+ : 0;
555
+ maxPadding =
556
+ this.maxValuePadded != null
557
+ ? Math.max(0, this.maxValuePadded - smax)
558
+ : 0;
559
+ factor =
560
+ smin < smax
561
+ ? Math.abs(this.b - this.a) / (smax - smin + minPadding + maxPadding)
562
+ : 0;
563
+ }
564
+
565
+ let sign = this.b > this.a ? 1 : -1;
566
+
567
+ return {
568
+ factor: sign * (this.inverted ? -factor : factor),
569
+ min: smin,
570
+ max: smax,
571
+ minPadding,
572
+ maxPadding,
573
+ };
574
+ }
575
+
576
+ acknowledge(value: any, width: number = 0, offset: number = 0): void {
577
+ value = this.decodeValue(value);
578
+ if (
579
+ this.minValue == null ||
580
+ value + offset - width / 2 < this.minValuePadded!
581
+ ) {
582
+ this.minValue = value;
583
+ this.minValuePadded = value + offset - width / 2;
584
+ }
585
+ if (
586
+ this.maxValue == null ||
587
+ value + offset + width / 2 > this.maxValuePadded!
588
+ ) {
589
+ this.maxValue = value;
590
+ this.maxValuePadded = value + offset + width / 2;
591
+ }
592
+ }
593
+
594
+ getStack(name: string): Stack {
595
+ let s = this.stacks[name];
596
+ if (!s) s = this.stacks[name] = new Stack();
597
+ return s;
598
+ }
599
+
600
+ stacknowledge(name: string, ordinal: string, value: number | null): void {
601
+ return this.getStack(name).acknowledge(ordinal, value);
602
+ }
603
+
604
+ stack(name: string, ordinal: string, value: number | null): number | null {
605
+ let v = this.getStack(name).stack(ordinal, value);
606
+ return v != null ? this.map(v) : null;
607
+ }
608
+
609
+ findTickSize(minPxDist: number): TickSize | undefined {
610
+ return this.tickSizes.find(
611
+ ({ size, noLabels }) =>
612
+ !noLabels && size * Math.abs(this.scale.factor) >= minPxDist,
613
+ );
614
+ }
615
+
616
+ getTickSizes(): TickSize[] {
617
+ return this.tickSizes;
618
+ }
619
+
620
+ calculateTicks(): void {
621
+ let minReached = false;
622
+
623
+ let minRange = 1000;
624
+
625
+ for (let unit in milliSeconds) {
626
+ if (!minReached) {
627
+ if (unit == this.minTickUnit) minReached = true;
628
+ else continue;
478
629
  }
479
630
 
480
- if (smax - smin < minRange) {
481
- let delta = (minRange - (smax - smin)) / 2;
482
- smin -= delta;
483
- smax += delta;
484
- }
631
+ let unitSize = milliSeconds[unit];
632
+ let divisions = this.tickDivisions[unit];
485
633
 
486
- //padding should be activated only if using min/max obtained from the data
487
- let minPadding = this.minValue === min ? Math.max(0, smin - this.minValuePadded!) : 0;
488
- let maxPadding = this.maxValue === max ? Math.max(0, this.maxValuePadded! - smax) : 0;
489
-
490
- let factor = smin < smax ? Math.abs(this.b - this.a) / (smax - smin + minPadding + maxPadding) : 0;
491
- if (factor > 0 && (upperDeadZone > 0 || lowerDeadZone > 0)) {
492
- smin -= lowerDeadZone / factor;
493
- smax += upperDeadZone / factor;
494
- minPadding = this.minValuePadded != null ? Math.max(0, smin - this.minValuePadded) : 0;
495
- maxPadding = this.maxValuePadded != null ? Math.max(0, this.maxValuePadded - smax) : 0;
496
- factor = smin < smax ? Math.abs(this.b - this.a) / (smax - smin + minPadding + maxPadding) : 0;
634
+ if (this.tickSizes.length > 0) {
635
+ //add ticks from higher levels
636
+ this.tickSizes.push(
637
+ ...divisions[0].map((s) => ({ size: s * unitSize, measure: unit })),
638
+ );
639
+ break;
497
640
  }
498
641
 
499
- let sign = this.b > this.a ? 1 : -1;
500
-
501
- return {
502
- factor: sign * (this.inverted ? -factor : factor),
503
- min: smin,
504
- max: smax,
505
- minPadding,
506
- maxPadding,
507
- };
508
- }
509
-
510
- acknowledge(value: any, width: number = 0, offset: number = 0): void {
511
- value = this.decodeValue(value);
512
- if (this.minValue == null || value + offset - width / 2 < this.minValuePadded!) {
513
- this.minValue = value;
514
- this.minValuePadded = value + offset - width / 2;
515
- }
516
- if (this.maxValue == null || value + offset + width / 2 > this.maxValuePadded!) {
517
- this.maxValue = value;
518
- this.maxValuePadded = value + offset + width / 2;
519
- }
520
- }
521
-
522
- getStack(name: string): Stack {
523
- let s = this.stacks[name];
524
- if (!s) s = this.stacks[name] = new Stack();
525
- return s;
526
- }
527
-
528
- stacknowledge(name: string, ordinal: string, value: number | null): void {
529
- return this.getStack(name).acknowledge(ordinal, value);
530
- }
531
-
532
- stack(name: string, ordinal: string, value: number | null): number | null {
533
- let v = this.getStack(name).stack(ordinal, value);
534
- return v != null ? this.map(v) : null;
535
- }
536
-
537
- findTickSize(minPxDist: number): TickSize | undefined {
538
- return this.tickSizes.find(({ size, noLabels }) => !noLabels && size * Math.abs(this.scale.factor) >= minPxDist);
539
- }
540
-
541
- getTickSizes(): TickSize[] {
542
- return this.tickSizes;
543
- }
544
-
545
- calculateTicks(): void {
546
- let minReached = false;
547
-
548
- let minRange = 1000;
549
-
550
- for (let unit in milliSeconds) {
551
- if (!minReached) {
552
- if (unit == this.minTickUnit) minReached = true;
553
- else continue;
554
- }
555
-
556
- let unitSize = milliSeconds[unit];
557
- let divisions = this.tickDivisions[unit];
558
-
559
- if (this.tickSizes.length > 0) {
560
- //add ticks from higher levels
561
- this.tickSizes.push(...divisions[0].map((s) => ({ size: s * unitSize, measure: unit })));
562
- break;
563
- }
564
-
565
- let bestLabelDistance = Infinity;
566
- let bestMinLabelDistance = this.minLabelDistance;
567
- let bestTicks: number[] = [];
568
- let bestScale: TimeScaleRange | null = null;
569
- let bestFormat: string | null = null;
570
-
571
- this.tickMeasure = unit;
572
-
573
- for (let i = 0; i < divisions.length; i++) {
574
- let divs = divisions[i];
575
- for (let d = 0; d < divs.length; d++) {
576
- //if (useSnapToTicks && d < Math.min(divs.length - 1, this.snapToTicks)) continue;
577
- let tickSize = divs[d] * unitSize;
578
- let scale = this.getScale(null, unit, tickSize);
579
- let format = this.format ?? this.getFormat(unit, scale);
580
- let minLabelDistance = this.minLabelDistanceFormatOverride[format] ?? this.minLabelDistance;
581
- let labelDistance = tickSize * Math.abs(scale.factor);
582
- if (labelDistance >= minLabelDistance && labelDistance < bestLabelDistance) {
583
- bestScale = scale;
584
- bestTicks = divs.map((s) => s * unitSize);
585
- bestLabelDistance = labelDistance;
586
- bestFormat = format;
587
- bestMinLabelDistance = minLabelDistance;
588
- minRange = tickSize;
589
- }
590
- }
591
- }
592
-
593
- this.scale = bestScale!;
594
- this.tickSizes = bestTicks
595
- .filter((ts) => ts * Math.abs(bestScale!.factor) >= this.minTickDistance)
596
- .map((size) => ({ size, measure: this.tickMeasure }));
597
- this.resolvedFormat = bestFormat;
598
- this.resolvedMinLabelDistance = bestMinLabelDistance;
642
+ let bestLabelDistance = Infinity;
643
+ let bestMinLabelDistance = this.minLabelDistance;
644
+ let bestTicks: number[] = [];
645
+ let bestScale: TimeScaleRange | null = null;
646
+ let bestFormat: string | null = null;
647
+
648
+ this.tickMeasure = unit;
649
+
650
+ for (let i = 0; i < divisions.length; i++) {
651
+ let divs = divisions[i];
652
+ for (let d = 0; d < divs.length; d++) {
653
+ //if (useSnapToTicks && d < Math.min(divs.length - 1, this.snapToTicks)) continue;
654
+ let tickSize = divs[d] * unitSize;
655
+ let scale = this.getScale(null, unit, tickSize);
656
+ let format = this.format ?? this.getFormat(unit, scale);
657
+ let minLabelDistance =
658
+ this.minLabelDistanceFormatOverride[format] ??
659
+ this.minLabelDistance;
660
+ let labelDistance = tickSize * Math.abs(scale.factor);
661
+ if (
662
+ labelDistance >= minLabelDistance &&
663
+ labelDistance < bestLabelDistance
664
+ ) {
665
+ bestScale = scale;
666
+ bestTicks = divs.map((s) => s * unitSize);
667
+ bestLabelDistance = labelDistance;
668
+ bestFormat = format;
669
+ bestMinLabelDistance = minLabelDistance;
670
+ minRange = tickSize;
671
+ }
672
+ }
599
673
  }
600
674
 
601
- let lowerTickUnit: string | null = null;
602
- switch (this.tickMeasure) {
603
- case "year":
604
- lowerTickUnit = "month";
605
- break;
606
- case "month":
607
- lowerTickUnit = "day";
608
- break;
609
- case "week":
610
- lowerTickUnit = "day";
611
- break;
612
- case "day":
613
- lowerTickUnit = "hour";
614
- break;
615
- case "hour":
616
- lowerTickUnit = "minute";
617
- break;
618
- case "minute":
619
- lowerTickUnit = "second";
620
- break;
675
+ this.scale = bestScale!;
676
+ this.tickSizes = bestTicks
677
+ .filter(
678
+ (ts) => ts * Math.abs(bestScale!.factor) >= this.minTickDistance,
679
+ )
680
+ .map((size) => ({ size, measure: this.tickMeasure }));
681
+ this.resolvedFormat = bestFormat;
682
+ this.resolvedMinLabelDistance = bestMinLabelDistance;
683
+ }
684
+
685
+ let lowerTickUnit: string | null = null;
686
+ switch (this.tickMeasure) {
687
+ case "year":
688
+ lowerTickUnit = "month";
689
+ break;
690
+ case "month":
691
+ lowerTickUnit = "day";
692
+ break;
693
+ case "week":
694
+ lowerTickUnit = "day";
695
+ break;
696
+ case "day":
697
+ lowerTickUnit = "hour";
698
+ break;
699
+ case "hour":
700
+ lowerTickUnit = "minute";
701
+ break;
702
+ case "minute":
703
+ lowerTickUnit = "second";
704
+ break;
705
+ }
706
+
707
+ if (
708
+ lowerTickUnit &&
709
+ this.minTickUnit &&
710
+ milliSeconds[lowerTickUnit] < milliSeconds[this.minTickUnit]
711
+ )
712
+ lowerTickUnit =
713
+ this.minTickUnit == this.tickMeasure ? null : this.minTickUnit;
714
+
715
+ if (lowerTickUnit != null && this.scale) {
716
+ let bestMinorTickSize = Infinity;
717
+ let divisions = this.tickDivisions[lowerTickUnit];
718
+ let unitSize = milliSeconds[lowerTickUnit];
719
+ for (let i = 0; i < divisions.length; i++) {
720
+ let divs = divisions[i];
721
+ for (let d = 0; d < divs.length; d++) {
722
+ let tickSize = divs[d] * unitSize;
723
+ if (
724
+ tickSize * Math.abs(this.scale.factor) >= this.minTickDistance &&
725
+ tickSize < bestMinorTickSize
726
+ ) {
727
+ bestMinorTickSize = tickSize;
728
+ }
729
+ }
621
730
  }
622
-
623
- if (lowerTickUnit && this.minTickUnit && milliSeconds[lowerTickUnit] < milliSeconds[this.minTickUnit])
624
- lowerTickUnit = this.minTickUnit == this.tickMeasure ? null : this.minTickUnit;
625
-
626
- if (lowerTickUnit != null && this.scale) {
627
- let bestMinorTickSize = Infinity;
628
- let divisions = this.tickDivisions[lowerTickUnit];
629
- let unitSize = milliSeconds[lowerTickUnit];
630
- for (let i = 0; i < divisions.length; i++) {
631
- let divs = divisions[i];
632
- for (let d = 0; d < divs.length; d++) {
633
- let tickSize = divs[d] * unitSize;
634
- if (tickSize * Math.abs(this.scale.factor) >= this.minTickDistance && tickSize < bestMinorTickSize) {
635
- bestMinorTickSize = tickSize;
636
- }
637
- }
638
- }
639
- if (bestMinorTickSize != Infinity) {
640
- this.tickSizes.unshift({ size: bestMinorTickSize, measure: lowerTickUnit, noLabels: true });
641
- if (this.tickSizes.length > 1) {
642
- let labelStep = this.tickSizes[1].size;
643
- let lowerScale = this.getScale(null, lowerTickUnit, minRange);
644
- if (lowerScale.max - lowerScale.min >= labelStep) this.scale = lowerScale;
645
- }
646
- }
731
+ if (bestMinorTickSize != Infinity) {
732
+ this.tickSizes.unshift({
733
+ size: bestMinorTickSize,
734
+ measure: lowerTickUnit,
735
+ noLabels: true,
736
+ });
737
+ if (this.tickSizes.length > 1) {
738
+ let labelStep = this.tickSizes[1].size;
739
+ let lowerScale = this.getScale(null, lowerTickUnit, minRange);
740
+ if (lowerScale.max - lowerScale.min >= labelStep)
741
+ this.scale = lowerScale;
742
+ }
647
743
  }
648
-
649
- if (isNumber(this.snapToTicks) && this.snapToTicks >= 0 && this.tickSizes.length > 0) {
650
- let tickSize = this.tickSizes[Math.min(this.tickSizes.length - 1, this.snapToTicks)];
651
- this.scale = this.getScale(tickSize.size, tickSize.measure, minRange);
744
+ }
745
+
746
+ if (
747
+ isNumber(this.snapToTicks) &&
748
+ this.snapToTicks >= 0 &&
749
+ this.tickSizes.length > 0
750
+ ) {
751
+ let tickSize =
752
+ this.tickSizes[Math.min(this.tickSizes.length - 1, this.snapToTicks)];
753
+ this.scale = this.getScale(tickSize.size, tickSize.measure, minRange);
754
+ }
755
+ }
756
+
757
+ getTicks(tickSizes: TickSize[]): (number | Date)[][] {
758
+ return tickSizes.map(({ size, measure }) => {
759
+ let result: (number | Date)[] = [],
760
+ start: number,
761
+ end: number,
762
+ minDate: Date,
763
+ maxDate: Date;
764
+ if (measure == "year") {
765
+ size /= milliSeconds.year;
766
+ minDate = new Date(this.scale.min - this.scale.minPadding);
767
+ maxDate = new Date(this.scale.max + this.scale.maxPadding);
768
+ start = Math.ceil(yearNumber(minDate) / size) * size;
769
+ end = Math.floor(yearNumber(maxDate) / size) * size;
770
+ for (let i = start; i <= end; i += size)
771
+ result.push(new Date(i, 0, 1).getTime());
772
+ } else if (measure == "month") {
773
+ size /= milliSeconds.month;
774
+ minDate = new Date(this.scale.min - this.scale.minPadding);
775
+ maxDate = new Date(this.scale.max + this.scale.maxPadding);
776
+ start = Math.ceil(monthNumber(minDate) / size) * size;
777
+ end = Math.floor(monthNumber(maxDate) / size) * size;
778
+ for (let i = start; i <= end; i += size)
779
+ result.push(new Date(Math.floor(i / 12), i % 12, 1).getTime());
780
+ } else if (measure == "day" || measure == "week") {
781
+ let multiplier = measure == "week" ? 7 : 1;
782
+ size /= milliSeconds.day;
783
+ minDate = new Date(this.scale.min - this.scale.minPadding);
784
+ maxDate = new Date(this.scale.max + this.scale.maxPadding);
785
+ let date = zeroTime(minDate);
786
+ while (date.getTime() < minDate.getTime())
787
+ date.setDate(date.getDate() + 1);
788
+ if (measure == "week") {
789
+ //start on monday
790
+ while (date.getDay() != 1) {
791
+ date.setDate(date.getDate() + 1);
792
+ }
793
+ }
794
+ while (date.getTime() <= maxDate.getTime()) {
795
+ result.push(date);
796
+ date = new Date(date);
797
+ date.setDate(date.getDate() + multiplier);
798
+ }
799
+ } else {
800
+ let minOffset = this.getTimezoneOffset(
801
+ new Date(this.scale.min - this.scale.minPadding),
802
+ );
803
+ let mondayOffset = 4 * milliSeconds.day;
804
+ let date =
805
+ Math.ceil(
806
+ (this.scale.min -
807
+ this.scale.minPadding -
808
+ minOffset -
809
+ mondayOffset) /
810
+ size,
811
+ ) *
812
+ size +
813
+ minOffset +
814
+ mondayOffset;
815
+ while (date <= this.scale.max + this.scale.maxPadding) {
816
+ result.push(date);
817
+ date += size;
818
+ }
652
819
  }
653
- }
654
-
655
- getTicks(tickSizes: TickSize[]): (number | Date)[][] {
656
- return tickSizes.map(({ size, measure }) => {
657
- let result: (number | Date)[] = [],
658
- start: number,
659
- end: number,
660
- minDate: Date,
661
- maxDate: Date;
662
- if (measure == "year") {
663
- size /= milliSeconds.year;
664
- minDate = new Date(this.scale.min - this.scale.minPadding);
665
- maxDate = new Date(this.scale.max + this.scale.maxPadding);
666
- start = Math.ceil(yearNumber(minDate) / size) * size;
667
- end = Math.floor(yearNumber(maxDate) / size) * size;
668
- for (let i = start; i <= end; i += size) result.push(new Date(i, 0, 1).getTime());
669
- } else if (measure == "month") {
670
- size /= milliSeconds.month;
671
- minDate = new Date(this.scale.min - this.scale.minPadding);
672
- maxDate = new Date(this.scale.max + this.scale.maxPadding);
673
- start = Math.ceil(monthNumber(minDate) / size) * size;
674
- end = Math.floor(monthNumber(maxDate) / size) * size;
675
- for (let i = start; i <= end; i += size) result.push(new Date(Math.floor(i / 12), i % 12, 1).getTime());
676
- } else if (measure == "day" || measure == "week") {
677
- let multiplier = measure == "week" ? 7 : 1;
678
- size /= milliSeconds.day;
679
- minDate = new Date(this.scale.min - this.scale.minPadding);
680
- maxDate = new Date(this.scale.max + this.scale.maxPadding);
681
- let date = zeroTime(minDate);
682
- while (date.getTime() < minDate.getTime()) date.setDate(date.getDate() + 1);
683
- if (measure == "week") {
684
- //start on monday
685
- while (date.getDay() != 1) {
686
- date.setDate(date.getDate() + 1);
687
- }
688
- }
689
- while (date.getTime() <= maxDate.getTime()) {
690
- result.push(date);
691
- date = new Date(date);
692
- date.setDate(date.getDate() + multiplier);
693
- }
694
- } else {
695
- let minOffset = this.getTimezoneOffset(new Date(this.scale.min - this.scale.minPadding));
696
- let mondayOffset = 4 * milliSeconds.day;
697
- let date =
698
- Math.ceil((this.scale.min - this.scale.minPadding - minOffset - mondayOffset) / size) * size +
699
- minOffset +
700
- mondayOffset;
701
- while (date <= this.scale.max + this.scale.maxPadding) {
702
- result.push(date);
703
- date += size;
704
- }
705
- }
706
- return result;
707
- });
708
- }
709
-
710
- mapGridlines(): number[] {
711
- if (this.tickSizes.length == 0) return [];
712
- return this.getTicks([this.tickSizes[0]])[0].map((x) => this.map(x));
713
- }
714
-
715
- book(): void {
716
- Console.warn("TimeAxis does not support the autoSize flag for column and bar graphs.");
717
- }
820
+ return result;
821
+ });
822
+ }
823
+
824
+ mapGridlines(): number[] {
825
+ if (this.tickSizes.length == 0) return [];
826
+ return this.getTicks([this.tickSizes[0]])[0].map((x) => this.map(x));
827
+ }
828
+
829
+ book(): void {
830
+ Console.warn(
831
+ "TimeAxis does not support the autoSize flag for column and bar graphs.",
832
+ );
833
+ }
718
834
  }