cx 26.7.6 → 26.9.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 (73) hide show
  1. package/build/charts/Legend.d.ts +8 -1
  2. package/build/charts/Legend.d.ts.map +1 -1
  3. package/build/charts/Legend.js +8 -4
  4. package/build/charts/LineGraph.d.ts +8 -16
  5. package/build/charts/LineGraph.d.ts.map +1 -1
  6. package/build/charts/LineGraph.js +76 -69
  7. package/build/charts/axis/NumericAxis.d.ts.map +1 -1
  8. package/build/charts/axis/NumericAxis.js +1 -254
  9. package/build/charts/axis/NumericScale.d.ts +59 -0
  10. package/build/charts/axis/NumericScale.d.ts.map +1 -0
  11. package/build/charts/axis/NumericScale.js +254 -0
  12. package/build/jsx-dev-runtime.d.ts +2 -1
  13. package/build/jsx-dev-runtime.d.ts.map +1 -1
  14. package/build/svg/Svg.d.ts +9 -0
  15. package/build/svg/Svg.d.ts.map +1 -1
  16. package/build/svg/Svg.js +9 -1
  17. package/build/ui/index.d.ts +3 -2
  18. package/build/ui/index.d.ts.map +1 -1
  19. package/build/ui/index.js +1 -1
  20. package/build/util/DOM.d.ts.map +1 -1
  21. package/build/util/DOM.js +16 -4
  22. package/build/util/getActiveElement.d.ts +1 -1
  23. package/build/util/getActiveElement.d.ts.map +1 -1
  24. package/build/util/getActiveElement.js +14 -2
  25. package/build/widgets/form/TextArea.d.ts +4 -0
  26. package/build/widgets/form/TextArea.d.ts.map +1 -1
  27. package/build/widgets/form/TextArea.js +7 -1
  28. package/build/widgets/grid/Grid.d.ts +12 -2
  29. package/build/widgets/grid/Grid.d.ts.map +1 -1
  30. package/build/widgets/grid/Grid.js +17 -4
  31. package/build/widgets/nav/MenuItem.js +2 -2
  32. package/build/widgets/overlay/Dropdown.d.ts +4 -4
  33. package/build/widgets/overlay/Dropdown.d.ts.map +1 -1
  34. package/build/widgets/overlay/Dropdown.js +82 -38
  35. package/build/widgets/overlay/Overlay.d.ts.map +1 -1
  36. package/build/widgets/overlay/Overlay.js +7 -3
  37. package/build/widgets/overlay/Window.d.ts.map +1 -1
  38. package/build/widgets/overlay/Window.js +2 -1
  39. package/dist/charts.js +166 -168
  40. package/dist/manifest.js +805 -802
  41. package/dist/svg.js +13 -0
  42. package/dist/util.js +31 -9
  43. package/dist/widgets.js +153 -50
  44. package/package.json +1 -1
  45. package/src/charts/Legend.tsx +22 -2
  46. package/src/charts/LineGraph.tsx +80 -98
  47. package/src/charts/axis/NumericAxis.spec.ts +40 -0
  48. package/src/charts/axis/NumericAxis.tsx +1 -290
  49. package/src/charts/axis/NumericScale.ts +290 -0
  50. package/src/jsx-dev-runtime.ts +2 -1
  51. package/src/svg/Svg.tsx +24 -1
  52. package/src/ui/Cx.tsx +505 -505
  53. package/src/ui/DataProxy.ts +55 -55
  54. package/src/ui/Rescope.ts +50 -50
  55. package/src/ui/exprHelpers.ts +96 -96
  56. package/src/ui/index.ts +3 -6
  57. package/src/util/DOM.ts +15 -4
  58. package/src/util/getActiveElement.ts +16 -2
  59. package/src/widgets/Sandbox.ts +104 -104
  60. package/src/widgets/form/ColorField.scss +112 -112
  61. package/src/widgets/form/DateTimeField.scss +111 -111
  62. package/src/widgets/form/LookupField.maps.scss +26 -26
  63. package/src/widgets/form/MonthField.scss +113 -113
  64. package/src/widgets/form/Select.scss +104 -104
  65. package/src/widgets/form/TextArea.tsx +10 -1
  66. package/src/widgets/form/TextField.scss +66 -66
  67. package/src/widgets/grid/Grid.sorting.spec.tsx +188 -0
  68. package/src/widgets/grid/Grid.tsx +31 -7
  69. package/src/widgets/index.ts +41 -41
  70. package/src/widgets/nav/MenuItem.tsx +2 -2
  71. package/src/widgets/overlay/Dropdown.tsx +87 -27
  72. package/src/widgets/overlay/Overlay.tsx +5 -3
  73. package/src/widgets/overlay/Window.tsx +2 -1
@@ -24,6 +24,13 @@ export interface LegendConfig extends HtmlElementConfig {
24
24
  name?: string;
25
25
  /** Default shape to use for all entries. */
26
26
  shape?: StringProp;
27
+ /** ARIA role for each entry's shape `svg`. Defaults to `img` when `shapeAriaLabel` is set. */
28
+ shapeRole?: StringProp;
29
+ /**
30
+ * Accessible name for each entry's shape `svg`. Unnamed shapes are hidden from assistive
31
+ * technology, since the entry text already says what they mean.
32
+ */
33
+ shapeAriaLabel?: StringProp;
27
34
  /** Style applied to each entry. */
28
35
  entryStyle?: StyleProp;
29
36
  /** CSS class applied to each entry. */
@@ -68,7 +75,7 @@ export declare class Legend extends HtmlElement {
68
75
  isValidHtmlAttribute(attrName: string): string | false;
69
76
  explore(context: RenderingContext, instance: LegendInstance): void;
70
77
  renderChildren(context: RenderingContext, instance: LegendInstance): React.ReactNode[];
71
- renderShape(entry: LegendEntryData, legendEntriesShape: string | null | undefined): React.ReactNode;
78
+ renderShape(entry: LegendEntryData, legendEntriesShape: string | null | undefined, role?: string, ariaLabel?: string): React.ReactNode;
72
79
  }
73
80
  export declare const LegendScope: typeof PureContainer;
74
81
  //# sourceMappingURL=Legend.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../src/charts/Legend.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../src/charts/Legend.tsx"],"names":[],"mappings":"AAAA,6BAA6B;AAG7B,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAQpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEhE,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,YAAa,SAAQ,iBAAiB;IACrD,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,4CAA4C;IAC5C,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB,8FAA8F;IAC9F,SAAS,CAAC,EAAE,UAAU,CAAC;IAEvB;;;OAGG;IACH,cAAc,CAAC,EAAE,UAAU,CAAC;IAE5B,mCAAmC;IACnC,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,uCAAuC;IACvC,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,SAAS,CAAC;IAEvB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB,2DAA2D;IAC3D,UAAU,CAAC,EAAE,WAAW,CAAC;IAEzB,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,4DAA4D;IAC5D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAe,SAAQ,mBAAmB;IACzD,OAAO,EAAE,MAAM,CACb,MAAM,EACN;QAAE,OAAO,EAAE,eAAe,EAAE,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;KAAE,CACvE,CAAC;CACH;AAED,qBAAa,MAAO,SAAQ,WAAW;IAC7B,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,GAAG,CAAC;IAChB,UAAU,EAAE,GAAG,CAAC;IAExB,MAAM,CAAC,KAAK,EAAE,OAAO,aAAa,CAAC;gBAEvB,MAAM,EAAE,YAAY;IAIhC,WAAW,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI;IAajC,IAAI,IAAI,IAAI;IAMZ,WAAW,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,cAAc,GAAG,IAAI;IAQtE,oBAAoB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,KAAK;IAoBtD,OAAO,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,cAAc,GAAG,IAAI;IA8BlE,cAAc,CACZ,OAAO,EAAE,gBAAgB,EACzB,QAAQ,EAAE,cAAc,GACvB,KAAK,CAAC,SAAS,EAAE;IAwDpB,WAAW,CACT,KAAK,EAAE,eAAe,EACtB,kBAAkB,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAC7C,IAAI,CAAC,EAAE,MAAM,EACb,SAAS,CAAC,EAAE,MAAM,GACjB,KAAK,CAAC,SAAS;CAqCnB;AA8CD,eAAO,MAAM,WAAW,sBAAe,CAAC"}
@@ -17,6 +17,8 @@ export class Legend extends HtmlElement {
17
17
  declareData(...args) {
18
18
  super.declareData(...args, {
19
19
  shape: undefined,
20
+ shapeRole: undefined,
21
+ shapeAriaLabel: undefined,
20
22
  entryStyle: { structured: true },
21
23
  entryClass: { structured: true },
22
24
  valueStyle: { structured: true },
@@ -41,6 +43,8 @@ export class Legend extends HtmlElement {
41
43
  case "shapeSize":
42
44
  case "svgSize":
43
45
  case "shape":
46
+ case "shapeRole":
47
+ case "shapeAriaLabel":
44
48
  case "entryStyle":
45
49
  case "entryClass":
46
50
  case "valueStyle":
@@ -78,7 +82,7 @@ export class Legend extends HtmlElement {
78
82
  renderChildren(context, instance) {
79
83
  const CSS = this.CSS;
80
84
  let entries = instance.legends[this.name] && instance.legends[this.name].entries, list;
81
- let { entryClass, entryStyle, shape, valueClass, valueStyle } = instance.data;
85
+ let { entryClass, entryStyle, shape, shapeRole, shapeAriaLabel, valueClass, valueStyle } = instance.data;
82
86
  let valueFormatter = Format.parse(this.valueFormat);
83
87
  let valueClasses = this.showValues
84
88
  ? CSS.expand(CSS.element(this.baseClass, "value"), valueClass)
@@ -90,11 +94,11 @@ export class Legend extends HtmlElement {
90
94
  hover,
91
95
  disabled: e.disabled,
92
96
  selected: e.selected,
93
- }), entryClass), style: entryStyle, onClick: e.onClick, onMouseMove: onMouseMove, onMouseLeave: onMouseLeave, children: [this.renderShape(e, shape), _jsx("div", { className: entryTextClass, children: e.displayText || e.name }), this.showValues && (_jsx("div", { className: valueClasses, style: valueStyle, children: valueFormatter(e.value) }))] }, i))));
97
+ }), entryClass), style: entryStyle, onClick: e.onClick, onMouseMove: onMouseMove, onMouseLeave: onMouseLeave, children: [this.renderShape(e, shape, shapeRole, shapeAriaLabel), _jsx("div", { className: entryTextClass, children: e.displayText || e.name }), this.showValues && (_jsx("div", { className: valueClasses, style: valueStyle, children: valueFormatter(e.value) }))] }, i))));
94
98
  }
95
99
  return [list, super.renderChildren(context, instance)];
96
100
  }
97
- renderShape(entry, legendEntriesShape) {
101
+ renderShape(entry, legendEntriesShape, role, ariaLabel) {
98
102
  const className = this.CSS.element(this.baseClass, "shape", {
99
103
  [`color-${entry.colorIndex}`]: entry.colorIndex != null && (isUndefined(entry.active) || entry.active),
100
104
  });
@@ -105,7 +109,7 @@ export class Legend extends HtmlElement {
105
109
  style.fill = style.stroke;
106
110
  if (hasVisibleValue(style.fill) && !style.stroke)
107
111
  style.stroke = style.fill;
108
- return (_jsx("svg", { className: this.CSS.element(this.baseClass, "svg"), style: {
112
+ return (_jsx("svg", { className: this.CSS.element(this.baseClass, "svg"), role: role ?? (ariaLabel ? "img" : undefined), "aria-label": ariaLabel, "aria-hidden": role == null && !ariaLabel ? true : undefined, style: {
109
113
  width: `${this.svgSize}px`,
110
114
  height: `${this.svgSize}px`,
111
115
  }, children: shape(this.svgSize / 2, this.svgSize / 2, entry.shapeSize || this.shapeSize, {
@@ -29,9 +29,13 @@ export interface LineGraphConfig extends WidgetConfig {
29
29
  stack?: StringProp;
30
30
  /** Indicate that values should be stacked on top of the other values. Default value is `false`. */
31
31
  stacked?: BooleanProp;
32
- /** Set to `true` to enable smooth (curved) line rendering. */
32
+ /**
33
+ * Set to `true` to enable smooth (curved) line rendering. Uses monotone cubic
34
+ * interpolation which never overshoots the actual data range, i.e. the curve
35
+ * stays within the vertical bounds of the data.
36
+ */
33
37
  smooth?: BooleanProp;
34
- /** Controls the curvature of smooth lines. Value should be between 0 and 0.4. Default is 0.05. */
38
+ /** @deprecated Smoothing is based on monotone cubic interpolation and its curvature is not configurable. This property is ignored. */
35
39
  smoothingRatio?: NumberProp;
36
40
  /** Name of the horizontal axis. Default value is `x`. */
37
41
  xAxis?: string;
@@ -96,7 +100,6 @@ export declare class LineGraph extends Widget {
96
100
  legendShape: string;
97
101
  stack: string;
98
102
  smooth: boolean;
99
- smoothingRatio: number;
100
103
  constructor(config: LineGraphConfig);
101
104
  declareData(...args: any[]): void;
102
105
  prepareData(context: RenderingContext, instance: LineGraphInstance): void;
@@ -105,19 +108,8 @@ export declare class LineGraph extends Widget {
105
108
  onLegendClick(e: MouseEvent, instance: LineGraphInstance): void;
106
109
  calculateLineSpans(context: RenderingContext, instance: LineGraphInstance): LinePoint[][] | null;
107
110
  render(context: RenderingContext, instance: LineGraphInstance, key: string): React.ReactNode;
108
- getCurvedPathSegment(p: LinePoint, points: LinePoint[], i1: number, i2: number, j1: number, j2: number, r: number, yField?: "y" | "y0"): string;
109
- getControlPoint({ cp, pp, np, r, reverse, yField, }: {
110
- cp: LinePoint;
111
- pp: LinePoint | undefined;
112
- np: LinePoint | undefined;
113
- r: number;
114
- reverse?: boolean;
115
- yField?: "y" | "y0";
116
- }): [number, number];
117
- getLineInfo(p1x: number, p1y: number, p2x: number, p2y: number): {
118
- length: number;
119
- angle: number;
120
- };
111
+ getMonotoneTangents(span: LinePoint[], yField: "y" | "y0"): number[];
112
+ getMonotoneSpanPath(span: LinePoint[], yField: "y" | "y0", reverse?: boolean): string;
121
113
  }
122
114
  export {};
123
115
  //# sourceMappingURL=LineGraph.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"LineGraph.d.ts","sourceRoot":"","sources":["../../src/charts/LineGraph.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"LineGraph.d.ts","sourceRoot":"","sources":["../../src/charts/LineGraph.tsx"],"names":[],"mappings":"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"}
@@ -32,19 +32,12 @@ export class LineGraph extends Widget {
32
32
  stack: undefined,
33
33
  stacked: undefined,
34
34
  smooth: undefined,
35
- smoothingRatio: undefined,
36
35
  });
37
36
  }
38
37
  prepareData(context, instance) {
39
38
  let { data } = instance;
40
39
  if (data.name && !data.colorName)
41
40
  data.colorName = data.name;
42
- if (data.smooth && data.smoothingRatio != null) {
43
- if (data.smoothingRatio < 0)
44
- data.smoothingRatio = 0;
45
- if (data.smoothingRatio > 0.4)
46
- data.smoothingRatio = 0.4;
47
- }
48
41
  super.prepareData(context, instance);
49
42
  }
50
43
  explore(context, instance) {
@@ -154,83 +147,98 @@ export class LineGraph extends Widget {
154
147
  ["color-" + data.colorIndex]: data.colorIndex != null,
155
148
  };
156
149
  let line, area;
157
- const r = data.smoothingRatio;
158
150
  let linePath = "";
159
151
  if (data.line) {
160
152
  lineSpans.forEach((span) => {
161
- span.forEach((p, i) => {
162
- linePath +=
163
- i == 0
164
- ? `M ${p.x} ${p.y}`
165
- : !data.smooth || span.length < 2
166
- ? `L ${p.x} ${p.y}`
167
- : this.getCurvedPathSegment(p, span, i - 1, i - 2, i - 1, i + 1, r);
168
- });
153
+ if (span.length == 0)
154
+ return;
155
+ linePath += `M ${span[0].x} ${span[0].y}`;
156
+ if (data.smooth && span.length >= 2)
157
+ linePath += this.getMonotoneSpanPath(span, "y");
158
+ else
159
+ span.forEach((p, i) => {
160
+ if (i > 0)
161
+ linePath += `L ${p.x} ${p.y}`;
162
+ });
169
163
  });
170
164
  line = (_jsx("path", { className: this.CSS.element(this.baseClass, "line", stateMods), style: this.CSS.parseStyle(data.lineStyle), d: linePath }));
171
165
  }
172
166
  if (data.area) {
173
167
  let areaPath = "";
174
168
  lineSpans.forEach((span) => {
175
- let closePath = "";
176
- span.forEach((p, i) => {
177
- let segment = "";
178
- if (i == 0) {
179
- segment = `M ${p.x} ${p.y}`;
180
- // closing point
181
- closePath =
182
- !data.smooth || span.length < 2
183
- ? `L ${p.x} ${p.y0}`
184
- : this.getCurvedPathSegment(p, span, i + 1, i + 2, i + 1, i - 1, r, "y0");
185
- }
186
- else {
187
- if (!data.smooth) {
188
- segment = `L ${p.x} ${p.y}`;
189
- closePath = `L ${p.x} ${p.y0}` + closePath;
190
- }
191
- else {
192
- segment = this.getCurvedPathSegment(p, span, i - 1, i - 2, i - 1, i + 1, r, "y");
193
- // closing point
194
- if (i < span.length - 1)
195
- closePath = this.getCurvedPathSegment(p, span, i + 1, i + 2, i + 1, i - 1, r, "y0") + closePath;
196
- }
197
- }
198
- areaPath += segment;
199
- });
200
- areaPath += `L ${span[span.length - 1].x} ${span[span.length - 1].y0}`;
201
- areaPath += closePath;
169
+ if (span.length == 0)
170
+ return;
171
+ let last = span[span.length - 1];
172
+ areaPath += `M ${span[0].x} ${span[0].y}`;
173
+ if (data.smooth && span.length >= 2) {
174
+ areaPath += this.getMonotoneSpanPath(span, "y");
175
+ areaPath += `L ${last.x} ${last.y0}`;
176
+ areaPath += this.getMonotoneSpanPath(span, "y0", true);
177
+ }
178
+ else {
179
+ span.forEach((p, i) => {
180
+ if (i > 0)
181
+ areaPath += `L ${p.x} ${p.y}`;
182
+ });
183
+ areaPath += `L ${last.x} ${last.y0}`;
184
+ for (let i = span.length - 2; i >= 0; i--)
185
+ areaPath += `L ${span[i].x} ${span[i].y0}`;
186
+ }
202
187
  areaPath += "Z";
203
188
  });
204
189
  area = (_jsx("path", { className: this.CSS.element(this.baseClass, "area", stateMods), style: this.CSS.parseStyle(data.areaStyle), d: areaPath }));
205
190
  }
206
191
  return (_jsxs("g", { className: data.classNames, children: [line, area] }, key));
207
192
  }
208
- getCurvedPathSegment(p, points, i1, i2, j1, j2, r, yField = "y") {
209
- const [sx, sy] = this.getControlPoint({ cp: points[i1], pp: points[i2], r, np: p, yField });
210
- const [ex, ey] = this.getControlPoint({ cp: p, pp: points[j1], np: points[j2], r, reverse: true, yField });
211
- return `C ${sx} ${sy}, ${ex} ${ey}, ${p.x} ${p[yField]}`;
212
- }
213
- getControlPoint({ cp, pp, np, r, reverse, yField = "y", }) {
214
- // When 'current' is the first or last point of the array 'previous' or 'next' don't exist. Replace with 'current'.
215
- const p = pp || cp;
216
- const n = np || cp;
217
- // Properties of the opposed-line
218
- let { angle, length } = this.getLineInfo(p.x, p[yField], n.x, n[yField]);
219
- // If it is end-control-point, add PI to the angle to go backward
220
- angle = angle + (reverse ? Math.PI : 0);
221
- length = length * r;
222
- // The control point position is relative to the current point
223
- const x = cp.x + Math.cos(angle) * length;
224
- const y = cp[yField] + Math.sin(angle) * length;
225
- return [x, y];
226
- }
227
- getLineInfo(p1x, p1y, p2x, p2y) {
228
- const lengthX = p2x - p1x;
229
- const lengthY = p2y - p1y;
230
- return {
231
- length: Math.sqrt(Math.pow(lengthX, 2) + Math.pow(lengthY, 2)),
232
- angle: Math.atan2(lengthY, lengthX),
193
+ // Fritsch-Carlson monotone cubic interpolation. Tangents are limited so the
194
+ // curve between two points never leaves their vertical range (no overshoot).
195
+ getMonotoneTangents(span, yField) {
196
+ const n = span.length;
197
+ const m = new Array(n).fill(0);
198
+ if (n < 2)
199
+ return m;
200
+ const secant = (i) => {
201
+ const h = span[i + 1].x - span[i].x;
202
+ return h != 0 ? (span[i + 1][yField] - span[i][yField]) / h : 0;
233
203
  };
204
+ if (n == 2) {
205
+ m[0] = m[1] = secant(0);
206
+ return m;
207
+ }
208
+ for (let i = 1; i < n - 1; i++) {
209
+ const h0 = span[i].x - span[i - 1].x;
210
+ const h1 = span[i + 1].x - span[i].x;
211
+ const s0 = secant(i - 1);
212
+ const s1 = secant(i);
213
+ const p = (s0 * h1 + s1 * h0) / (h0 + h1);
214
+ m[i] = (Math.sign(s0) + Math.sign(s1)) * Math.min(Math.abs(s0), Math.abs(s1), 0.5 * Math.abs(p)) || 0;
215
+ }
216
+ const hFirst = span[1].x - span[0].x;
217
+ m[0] = hFirst != 0 ? (3 * secant(0) - m[1]) / 2 : m[1];
218
+ const hLast = span[n - 1].x - span[n - 2].x;
219
+ m[n - 1] = hLast != 0 ? (3 * secant(n - 2) - m[n - 2]) / 2 : m[n - 2];
220
+ return m;
221
+ }
222
+ // Emits cubic bezier segments for the whole span using monotone tangents.
223
+ // Assumes the path cursor is at the first (or last, when reversed) span point.
224
+ getMonotoneSpanPath(span, yField, reverse) {
225
+ const m = this.getMonotoneTangents(span, yField);
226
+ let path = "";
227
+ if (!reverse)
228
+ for (let i = 1; i < span.length; i++) {
229
+ const p0 = span[i - 1];
230
+ const p1 = span[i];
231
+ const dx = (p1.x - p0.x) / 3;
232
+ path += `C ${p0.x + dx} ${p0[yField] + dx * m[i - 1]}, ${p1.x - dx} ${p1[yField] - dx * m[i]}, ${p1.x} ${p1[yField]}`;
233
+ }
234
+ else
235
+ for (let i = span.length - 1; i > 0; i--) {
236
+ const p0 = span[i - 1];
237
+ const p1 = span[i];
238
+ const dx = (p1.x - p0.x) / 3;
239
+ path += `C ${p1.x - dx} ${p1[yField] - dx * m[i]}, ${p0.x + dx} ${p0[yField] + dx * m[i - 1]}, ${p0.x} ${p0[yField]}`;
240
+ }
241
+ return path;
234
242
  }
235
243
  }
236
244
  LineGraph.prototype.xAxis = "x";
@@ -249,6 +257,5 @@ LineGraph.prototype.legendShape = "rect";
249
257
  LineGraph.prototype.stack = "stack";
250
258
  LineGraph.prototype.hiddenBase = false;
251
259
  LineGraph.prototype.smooth = false;
252
- LineGraph.prototype.smoothingRatio = 0.05;
253
260
  LineGraph.prototype.styled = true;
254
261
  Widget.alias("line-graph", LineGraph);
@@ -1 +1 @@
1
- {"version":3,"file":"NumericAxis.d.ts","sourceRoot":"","sources":["../../../src/charts/axis/NumericAxis.tsx"],"names":[],"mappings":"AAAA,6BAA6B;AAE7B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAKxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAGpE,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IAClD,qBAAqB;IACrB,GAAG,CAAC,EAAE,UAAU,CAAC;IAEjB,qBAAqB;IACrB,GAAG,CAAC,EAAE,UAAU,CAAC;IAEjB,kDAAkD;IAClD,UAAU,CAAC,EAAE,WAAW,CAAC;IAEzB,uFAAuF;IACvF,YAAY,CAAC,EAAE,UAAU,CAAC;IAE1B,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,aAAa,CAAC,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;IAEhC,wNAAwN;IACxN,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAExB,oCAAoC;IACpC,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,UAAU,CAAC;IAEtB,mFAAmF;IACnF,aAAa,CAAC,EAAE,UAAU,CAAC;IAE3B,2EAA2E;IAC3E,aAAa,CAAC,EAAE,UAAU,CAAC;IAE3B,iKAAiK;IACjK,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,qBAAa,WAAY,SAAQ,IAAI;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,EAAE,EAAE,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;gBAEhB,MAAM,EAAE,iBAAiB;IAIrC,IAAI,IAAI,IAAI;IAQZ,WAAW,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI;IAgBjC,YAAY,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,YAAY,GAAG,IAAI;IAIrE,OAAO,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,YAAY,GAAG,IAAI;IAmBhE,MAAM,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS;IAevF,MAAM,CAAC,EAAE;;;;;;;;;CAMX"}
1
+ {"version":3,"file":"NumericAxis.d.ts","sourceRoot":"","sources":["../../../src/charts/axis/NumericAxis.tsx"],"names":[],"mappings":"AAAA,6BAA6B;AAE7B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAIxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,WAAW,iBAAkB,SAAQ,UAAU;IAClD,qBAAqB;IACrB,GAAG,CAAC,EAAE,UAAU,CAAC;IAEjB,qBAAqB;IACrB,GAAG,CAAC,EAAE,UAAU,CAAC;IAEjB,kDAAkD;IAClD,UAAU,CAAC,EAAE,WAAW,CAAC;IAEzB,uFAAuF;IACvF,YAAY,CAAC,EAAE,UAAU,CAAC;IAE1B,8EAA8E;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,aAAa,CAAC,EAAE,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC;IAEhC,wNAAwN;IACxN,WAAW,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAExB,oCAAoC;IACpC,MAAM,CAAC,EAAE,UAAU,CAAC;IAEpB,mFAAmF;IACnF,QAAQ,CAAC,EAAE,UAAU,CAAC;IAEtB,mFAAmF;IACnF,aAAa,CAAC,EAAE,UAAU,CAAC;IAE3B,2EAA2E;IAC3E,aAAa,CAAC,EAAE,UAAU,CAAC;IAE3B,iKAAiK;IACjK,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,qBAAa,WAAY,SAAQ,IAAI;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,EAAE,EAAE,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;gBAEhB,MAAM,EAAE,iBAAiB;IAIrC,IAAI,IAAI,IAAI;IAQZ,WAAW,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI;IAgBjC,YAAY,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,YAAY,GAAG,IAAI;IAIrE,OAAO,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,YAAY,GAAG,IAAI;IAmBhE,MAAM,CAAC,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS;IAevF,MAAM,CAAC,EAAE;;;;;;;;;CAMX"}
@@ -1,10 +1,8 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  /** @jsxImportSource react */
3
3
  import { Axis } from "./Axis";
4
- import { Stack } from "./Stack";
4
+ import { NumericScale } from "./NumericScale";
5
5
  import { Format } from "../../util/Format";
6
- import { isNumber } from "../../util/isNumber";
7
- import { Console } from "../../util/Console";
8
6
  export class NumericAxis extends Axis {
9
7
  constructor(config) {
10
8
  super(config);
@@ -63,254 +61,3 @@ NumericAxis.prototype.labelDivisor = 1;
63
61
  NumericAxis.prototype.minLabelTickSize = 0;
64
62
  NumericAxis.prototype.minTickStep = 0;
65
63
  Axis.alias("numeric", NumericAxis);
66
- class NumericScale {
67
- min;
68
- max;
69
- snapToTicks;
70
- tickDivisions;
71
- minLabelDistance;
72
- minLabelTickSize;
73
- minTickDistance;
74
- minTickStep;
75
- tickSizes;
76
- normalized;
77
- inverted;
78
- minValue;
79
- maxValue;
80
- minValuePadded;
81
- maxValuePadded;
82
- stacks;
83
- lowerDeadZone;
84
- upperDeadZone;
85
- origin;
86
- scale;
87
- a;
88
- b;
89
- shouldUpdate;
90
- reset(min, max, snapToTicks, tickDivisions, minTickDistance, minTickStep, minLabelDistance, minLabelTickSize, normalized, inverted, lowerDeadZone, upperDeadZone) {
91
- this.min = min;
92
- this.max = max;
93
- this.snapToTicks = snapToTicks;
94
- this.tickDivisions = tickDivisions;
95
- this.minLabelDistance = minLabelDistance;
96
- this.minLabelTickSize = minLabelTickSize;
97
- this.minTickDistance = minTickDistance;
98
- this.minTickStep = minTickStep;
99
- this.tickSizes = [];
100
- this.normalized = normalized;
101
- this.inverted = inverted;
102
- delete this.minValue;
103
- delete this.maxValue;
104
- this.stacks = {};
105
- this.lowerDeadZone = lowerDeadZone || 0;
106
- this.upperDeadZone = upperDeadZone || 0;
107
- }
108
- map(v, offset = 0) {
109
- return this.origin + (v + offset - this.scale.min + this.scale.minPadding) * this.scale.factor;
110
- }
111
- decodeValue(n) {
112
- return n;
113
- }
114
- encodeValue(v) {
115
- return v;
116
- }
117
- constrainValue(v) {
118
- return Math.max(this.scale.min, Math.min(this.scale.max, v));
119
- }
120
- trackValue(v, offset = 0, constrain = false) {
121
- let value = (v - this.origin) / this.scale.factor - offset + this.scale.min - this.scale.minPadding;
122
- if (constrain)
123
- value = this.constrainValue(v);
124
- return value;
125
- }
126
- hash() {
127
- let r = {
128
- origin: this.origin,
129
- factor: this.scale.factor,
130
- min: this.scale.min,
131
- max: this.scale.max,
132
- minPadding: this.scale.minPadding,
133
- maxPadding: this.scale.maxPadding,
134
- };
135
- r.stacks = Object.keys(this.stacks)
136
- .map((s) => this.stacks[s].info?.join(","))
137
- .join(":");
138
- return r;
139
- }
140
- isSame(x) {
141
- let hash = this.hash();
142
- let same = x && !Object.keys(hash).some((k) => x[k] !== hash[k]);
143
- this.shouldUpdate = !same;
144
- return same;
145
- }
146
- measure(a, b) {
147
- this.a = a;
148
- this.b = b;
149
- if (this.minValue != null && this.min == null)
150
- this.min = this.minValue;
151
- if (this.maxValue != null && this.max == null)
152
- this.max = this.maxValue;
153
- for (let s in this.stacks) {
154
- let info = this.stacks[s].measure(this.normalized);
155
- let [min, max] = info;
156
- if (this.min == null || min < this.min)
157
- this.min = min;
158
- if (this.max == null || max > this.max)
159
- this.max = max;
160
- this.stacks[s].info = info;
161
- }
162
- if (this.min == null)
163
- this.min = 0;
164
- if (this.max == null)
165
- this.max = this.normalized ? 1 : 100;
166
- if (this.min == this.max) {
167
- if (this.min == 0) {
168
- this.min = -1;
169
- this.max = 1;
170
- }
171
- else {
172
- let delta = Math.abs(this.min) * 0.1;
173
- this.min -= delta;
174
- this.max += delta;
175
- }
176
- }
177
- this.origin = this.inverted ? this.b : this.a;
178
- this.scale = this.getScale();
179
- this.calculateTicks();
180
- }
181
- getScale(tickSizes) {
182
- let { min, max } = this;
183
- let smin = min;
184
- let smax = max;
185
- let tickSize;
186
- if (tickSizes && isNumber(this.snapToTicks) && tickSizes.length > 0) {
187
- tickSize = tickSizes[Math.min(tickSizes.length - 1, this.snapToTicks)];
188
- smin = Math.floor(smin / tickSize) * tickSize;
189
- smax = Math.ceil(smax / tickSize) * tickSize;
190
- }
191
- else {
192
- if (this.minValue === min)
193
- smin = this.minValuePadded;
194
- if (this.maxValue === max)
195
- smax = this.maxValuePadded;
196
- }
197
- let minPadding = this.minValue === min ? Math.max(0, smin - this.minValuePadded) : 0;
198
- let maxPadding = this.maxValue === max ? Math.max(0, this.maxValuePadded - smax) : 0;
199
- let sign = this.b > this.a ? 1 : -1;
200
- let factor = smin < smax
201
- ? (Math.abs(this.b - this.a) - this.lowerDeadZone - this.upperDeadZone) /
202
- (smax - smin + minPadding + maxPadding)
203
- : 0;
204
- if (factor < 0)
205
- factor = 0;
206
- if (factor > 0 && (this.lowerDeadZone > 0 || this.upperDeadZone > 0)) {
207
- while (factor * (min - smin) < this.lowerDeadZone)
208
- smin -= this.lowerDeadZone / factor;
209
- while (factor * (smax - max) < this.upperDeadZone)
210
- smax += this.upperDeadZone / factor;
211
- if (tickSize > 0 && isNumber(this.snapToTicks)) {
212
- smin = Math.floor(smin / tickSize) * tickSize;
213
- smax = Math.ceil(smax / tickSize) * tickSize;
214
- minPadding = this.minValue === min ? Math.max(0, smin - this.minValuePadded) : 0;
215
- maxPadding = this.maxValue === max ? Math.max(0, this.maxValuePadded - smax) : 0;
216
- }
217
- factor = smin < smax ? Math.abs(this.b - this.a) / (smax - smin + minPadding + maxPadding) : 0;
218
- }
219
- return {
220
- factor: sign * (this.inverted ? -factor : factor),
221
- min: smin,
222
- max: smax,
223
- minPadding,
224
- maxPadding,
225
- };
226
- }
227
- acknowledge(value, width = 0, offset = 0) {
228
- if (value == null)
229
- return;
230
- if (this.minValue == null || value < this.minValue) {
231
- this.minValue = value;
232
- this.minValuePadded = value + offset - width / 2;
233
- }
234
- if (this.maxValue == null || value > this.maxValue) {
235
- this.maxValue = value;
236
- this.maxValuePadded = value + offset + width / 2;
237
- }
238
- }
239
- getStack(name) {
240
- let s = this.stacks[name];
241
- if (!s)
242
- s = this.stacks[name] = new Stack();
243
- return s;
244
- }
245
- stacknowledge(name, ordinal, value) {
246
- return this.getStack(name).acknowledge(ordinal, value);
247
- }
248
- stack(name, ordinal, value) {
249
- let v = this.getStack(name).stack(ordinal, value);
250
- return v != null ? this.map(v) : null;
251
- }
252
- findTickSize(minPxDist) {
253
- return this.tickSizes.find((a) => a >= this.minLabelTickSize && a * Math.abs(this.scale.factor) >= minPxDist);
254
- }
255
- getTickSizes() {
256
- return this.tickSizes;
257
- }
258
- calculateTicks() {
259
- let dist = this.minLabelDistance / Math.abs(this.scale.factor);
260
- let unit = Math.pow(10, Math.floor(Math.log10(dist)));
261
- let bestLabelDistance = Infinity;
262
- let bestTicks = [];
263
- let bestScale = this.scale;
264
- for (let i = 0; i < this.tickDivisions.length; i++) {
265
- let divs = this.tickDivisions[i];
266
- let tickSizes = divs.filter((ts) => ts >= this.minTickStep).map((ts) => ts * unit);
267
- let scale = this.getScale(tickSizes);
268
- tickSizes.forEach((size, level) => {
269
- let labelDistance = size * Math.abs(scale.factor);
270
- if (labelDistance >= this.minLabelDistance && labelDistance < bestLabelDistance) {
271
- bestScale = scale;
272
- bestTicks = tickSizes;
273
- bestLabelDistance = labelDistance;
274
- }
275
- });
276
- }
277
- this.scale = bestScale;
278
- this.tickSizes = bestTicks.filter((ts) => ts >= this.minTickStep && ts * Math.abs(bestScale.factor) >= this.minTickDistance);
279
- if (this.tickSizes.length > 0) {
280
- let max = this.tickSizes[this.tickSizes.length - 1];
281
- this.tickSizes.push(2 * max);
282
- this.tickSizes.push(5 * max);
283
- this.tickSizes.push(10 * max);
284
- let min = this.tickSizes[0];
285
- let minDist = min * Math.abs(bestScale.factor);
286
- if (min / 10 >= this.minTickStep && minDist / 10 >= this.minTickDistance)
287
- this.tickSizes.splice(0, 0, min / 10);
288
- else if (min / 5 >= this.minTickStep && minDist / 5 >= this.minTickDistance)
289
- this.tickSizes.splice(0, 0, min / 5);
290
- else if (min / 2 >= this.minTickStep && minDist / 2 >= this.minTickDistance)
291
- this.tickSizes.splice(0, 0, min / 2);
292
- }
293
- }
294
- getTicks(tickSizes) {
295
- return tickSizes.map((size) => {
296
- let start = Math.ceil((this.scale.min - this.scale.minPadding) / size);
297
- let end = Math.floor((this.scale.max + this.scale.maxPadding) / size);
298
- let result = [];
299
- for (let i = start; i <= end; i++)
300
- result.push(i * size + 0);
301
- return result;
302
- });
303
- }
304
- mapGridlines() {
305
- let size = this.tickSizes[0];
306
- let start = Math.ceil((this.scale.min - this.scale.minPadding) / size);
307
- let end = Math.floor((this.scale.max + this.scale.maxPadding) / size);
308
- let result = [];
309
- for (let i = start; i <= end; i++)
310
- result.push(this.map(i * size));
311
- return result;
312
- }
313
- book() {
314
- Console.warn("NumericAxis does not support the autoSize flag for column and bar graphs.");
315
- }
316
- }