@tradingaction/axes 2.0.13
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.
- package/LICENSE +24 -0
- package/README.md +5 -0
- package/lib/Axis.d.ts +59 -0
- package/lib/Axis.js +244 -0
- package/lib/Axis.js.map +1 -0
- package/lib/AxisZoomCapture.d.ts +47 -0
- package/lib/AxisZoomCapture.js +135 -0
- package/lib/AxisZoomCapture.js.map +1 -0
- package/lib/XAxis.d.ts +71 -0
- package/lib/XAxis.js +103 -0
- package/lib/XAxis.js.map +1 -0
- package/lib/YAxis.d.ts +71 -0
- package/lib/YAxis.js +104 -0
- package/lib/YAxis.js.map +1 -0
- package/lib/index.d.ts +3 -0
- package/lib/index.js +4 -0
- package/lib/index.js.map +1 -0
- package/package.json +53 -0
- package/src/Axis.tsx +407 -0
- package/src/AxisZoomCapture.tsx +232 -0
- package/src/XAxis.tsx +164 -0
- package/src/YAxis.tsx +161 -0
- package/src/index.ts +3 -0
package/lib/XAxis.js
ADDED
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import { ChartContext } from "@tradingaction/core";
|
|
13
|
+
import * as React from "react";
|
|
14
|
+
import { Axis } from "./Axis";
|
|
15
|
+
export class XAxis extends React.Component {
|
|
16
|
+
constructor() {
|
|
17
|
+
super(...arguments);
|
|
18
|
+
this.axisZoomCallback = (newXDomain) => {
|
|
19
|
+
const { xAxisZoom } = this.context;
|
|
20
|
+
xAxisZoom(newXDomain);
|
|
21
|
+
};
|
|
22
|
+
this.helper = () => {
|
|
23
|
+
const { axisAt, xZoomHeight = XAxis.defaultProps.xZoomHeight, orient, ticks } = this.props;
|
|
24
|
+
const { chartConfig: { width, height }, } = this.context;
|
|
25
|
+
let axisLocation;
|
|
26
|
+
const x = 0;
|
|
27
|
+
const w = width;
|
|
28
|
+
const h = xZoomHeight;
|
|
29
|
+
switch (axisAt) {
|
|
30
|
+
case "top":
|
|
31
|
+
axisLocation = 0;
|
|
32
|
+
break;
|
|
33
|
+
case "bottom":
|
|
34
|
+
axisLocation = height;
|
|
35
|
+
break;
|
|
36
|
+
case "middle":
|
|
37
|
+
axisLocation = height / 2;
|
|
38
|
+
break;
|
|
39
|
+
default:
|
|
40
|
+
axisLocation = axisAt;
|
|
41
|
+
}
|
|
42
|
+
const y = orient === "top" ? -xZoomHeight : 0;
|
|
43
|
+
return {
|
|
44
|
+
transform: [0, axisLocation],
|
|
45
|
+
range: [0, width],
|
|
46
|
+
getScale: this.getXScale,
|
|
47
|
+
bg: { x, y, h, w },
|
|
48
|
+
ticks: ticks !== null && ticks !== void 0 ? ticks : this.getXTicks(width),
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
this.getXTicks = (width) => {
|
|
52
|
+
if (width < 400) {
|
|
53
|
+
return 2;
|
|
54
|
+
}
|
|
55
|
+
if (width < 500) {
|
|
56
|
+
return 6;
|
|
57
|
+
}
|
|
58
|
+
return 8;
|
|
59
|
+
};
|
|
60
|
+
this.getXScale = (moreProps) => {
|
|
61
|
+
const { xScale: scale, width } = moreProps;
|
|
62
|
+
if (scale.invert) {
|
|
63
|
+
const trueRange = [0, width];
|
|
64
|
+
const trueDomain = trueRange.map(scale.invert);
|
|
65
|
+
return scale.copy().domain(trueDomain).range(trueRange);
|
|
66
|
+
}
|
|
67
|
+
return scale;
|
|
68
|
+
};
|
|
69
|
+
}
|
|
70
|
+
render() {
|
|
71
|
+
const _a = this.props, { getMouseDelta = XAxis.defaultProps.getMouseDelta, outerTickSize = XAxis.defaultProps.outerTickSize, showTicks, strokeStyle = XAxis.defaultProps.strokeStyle, strokeWidth = XAxis.defaultProps.strokeWidth, zoomEnabled } = _a, rest = __rest(_a, ["getMouseDelta", "outerTickSize", "showTicks", "strokeStyle", "strokeWidth", "zoomEnabled"]);
|
|
72
|
+
const moreProps = __rest(this.helper(), []);
|
|
73
|
+
return (React.createElement(Axis, Object.assign({}, rest, moreProps, { getMouseDelta: getMouseDelta, outerTickSize: outerTickSize, showTicks: showTicks, strokeStyle: strokeStyle, strokeWidth: strokeWidth, zoomEnabled: zoomEnabled && showTicks, axisZoomCallback: this.axisZoomCallback })));
|
|
74
|
+
}
|
|
75
|
+
}
|
|
76
|
+
XAxis.defaultProps = {
|
|
77
|
+
axisAt: "bottom",
|
|
78
|
+
className: "react-financial-charts-x-axis",
|
|
79
|
+
domainClassName: "react-financial-charts-axis-domain",
|
|
80
|
+
fontFamily: "-apple-system, system-ui, Roboto, 'Helvetica Neue', Ubuntu, sans-serif",
|
|
81
|
+
fontSize: 12,
|
|
82
|
+
fontWeight: 400,
|
|
83
|
+
getMouseDelta: (startXY, mouseXY) => startXY[0] - mouseXY[0],
|
|
84
|
+
gridLinesStrokeStyle: "#E2E4EC",
|
|
85
|
+
gridLinesStrokeWidth: 1,
|
|
86
|
+
orient: "bottom",
|
|
87
|
+
outerTickSize: 0,
|
|
88
|
+
innerTickSize: 4,
|
|
89
|
+
showDomain: true,
|
|
90
|
+
showGridLines: false,
|
|
91
|
+
showTicks: true,
|
|
92
|
+
showTickLabel: true,
|
|
93
|
+
strokeStyle: "#000000",
|
|
94
|
+
strokeWidth: 1,
|
|
95
|
+
tickPadding: 4,
|
|
96
|
+
tickLabelFill: "#000000",
|
|
97
|
+
tickStrokeStyle: "#000000",
|
|
98
|
+
xZoomHeight: 25,
|
|
99
|
+
zoomEnabled: true,
|
|
100
|
+
zoomCursorClassName: "react-financial-charts-ew-resize-cursor",
|
|
101
|
+
};
|
|
102
|
+
XAxis.contextType = ChartContext;
|
|
103
|
+
//# sourceMappingURL=XAxis.js.map
|
package/lib/XAxis.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"XAxis.js","sourceRoot":"","sources":["../src/XAxis.tsx"],"names":[],"mappings":"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"}
|
package/lib/YAxis.d.ts
ADDED
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { strokeDashTypes } from "@tradingaction/core";
|
|
2
|
+
import * as React from "react";
|
|
3
|
+
export interface YAxisProps {
|
|
4
|
+
readonly axisAt?: number | "left" | "right" | "middle";
|
|
5
|
+
readonly className?: string;
|
|
6
|
+
readonly domainClassName?: string;
|
|
7
|
+
readonly fontFamily?: string;
|
|
8
|
+
readonly fontSize?: number;
|
|
9
|
+
readonly fontWeight?: number;
|
|
10
|
+
readonly getMouseDelta?: (startXY: [number, number], mouseXY: [number, number]) => number;
|
|
11
|
+
readonly gridLinesStrokeStyle?: string;
|
|
12
|
+
readonly gridLinesStrokeWidth?: number;
|
|
13
|
+
readonly gridLinesStrokeDasharray?: strokeDashTypes;
|
|
14
|
+
readonly innerTickSize?: number;
|
|
15
|
+
readonly onContextMenu?: (e: React.MouseEvent, mousePosition: [number, number]) => void;
|
|
16
|
+
readonly onDoubleClick?: (e: React.MouseEvent, mousePosition: [number, number]) => void;
|
|
17
|
+
readonly orient?: "left" | "right";
|
|
18
|
+
readonly outerTickSize?: number;
|
|
19
|
+
readonly showDomain?: boolean;
|
|
20
|
+
readonly showGridLines?: boolean;
|
|
21
|
+
readonly showTicks?: boolean;
|
|
22
|
+
readonly showTickLabel?: boolean;
|
|
23
|
+
readonly strokeStyle?: string;
|
|
24
|
+
readonly strokeWidth?: number;
|
|
25
|
+
readonly tickFormat?: (value: number) => string;
|
|
26
|
+
readonly tickPadding?: number;
|
|
27
|
+
readonly tickSize?: number;
|
|
28
|
+
readonly tickLabelFill?: string;
|
|
29
|
+
readonly ticks?: number;
|
|
30
|
+
readonly tickStrokeStyle?: string;
|
|
31
|
+
readonly tickStrokeWidth?: number;
|
|
32
|
+
readonly tickStrokeDasharray?: strokeDashTypes;
|
|
33
|
+
readonly tickValues?: number[];
|
|
34
|
+
readonly yZoomWidth?: number;
|
|
35
|
+
readonly zoomEnabled?: boolean;
|
|
36
|
+
readonly zoomCursorClassName?: string;
|
|
37
|
+
}
|
|
38
|
+
export declare class YAxis extends React.Component<YAxisProps> {
|
|
39
|
+
static defaultProps: {
|
|
40
|
+
axisAt: string;
|
|
41
|
+
className: string;
|
|
42
|
+
domainClassName: string;
|
|
43
|
+
fontFamily: string;
|
|
44
|
+
fontSize: number;
|
|
45
|
+
fontWeight: number;
|
|
46
|
+
getMouseDelta: (startXY: [number, number], mouseXY: [number, number]) => number;
|
|
47
|
+
gridLinesStrokeStyle: string;
|
|
48
|
+
gridLinesStrokeWidth: number;
|
|
49
|
+
innerTickSize: number;
|
|
50
|
+
outerTickSize: number;
|
|
51
|
+
orient: string;
|
|
52
|
+
showDomain: boolean;
|
|
53
|
+
showGridLines: boolean;
|
|
54
|
+
showTicks: boolean;
|
|
55
|
+
showTickLabel: boolean;
|
|
56
|
+
strokeStyle: string;
|
|
57
|
+
strokeWidth: number;
|
|
58
|
+
tickPadding: number;
|
|
59
|
+
tickLabelFill: string;
|
|
60
|
+
tickStrokeStyle: string;
|
|
61
|
+
yZoomWidth: number;
|
|
62
|
+
zoomEnabled: boolean;
|
|
63
|
+
zoomCursorClassName: string;
|
|
64
|
+
};
|
|
65
|
+
static contextType: React.Context<import("@tradingaction/core").ChartContextType>;
|
|
66
|
+
render(): JSX.Element;
|
|
67
|
+
private readonly axisZoomCallback;
|
|
68
|
+
private readonly helper;
|
|
69
|
+
private readonly getYTicks;
|
|
70
|
+
private readonly getYScale;
|
|
71
|
+
}
|
package/lib/YAxis.js
ADDED
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import { ChartContext } from "@tradingaction/core";
|
|
13
|
+
import * as React from "react";
|
|
14
|
+
import { Axis } from "./Axis";
|
|
15
|
+
export class YAxis extends React.Component {
|
|
16
|
+
constructor() {
|
|
17
|
+
super(...arguments);
|
|
18
|
+
this.axisZoomCallback = (newYDomain) => {
|
|
19
|
+
const { chartId, yAxisZoom } = this.context;
|
|
20
|
+
yAxisZoom(chartId, newYDomain);
|
|
21
|
+
};
|
|
22
|
+
this.helper = () => {
|
|
23
|
+
const { axisAt, ticks, yZoomWidth = YAxis.defaultProps.yZoomWidth, orient } = this.props;
|
|
24
|
+
const { chartConfig: { width, height }, } = this.context;
|
|
25
|
+
let axisLocation;
|
|
26
|
+
const y = 0;
|
|
27
|
+
const w = yZoomWidth;
|
|
28
|
+
const h = height;
|
|
29
|
+
switch (axisAt) {
|
|
30
|
+
case "left":
|
|
31
|
+
axisLocation = 0;
|
|
32
|
+
break;
|
|
33
|
+
case "right":
|
|
34
|
+
axisLocation = width;
|
|
35
|
+
break;
|
|
36
|
+
case "middle":
|
|
37
|
+
axisLocation = width / 2;
|
|
38
|
+
break;
|
|
39
|
+
default:
|
|
40
|
+
axisLocation = axisAt;
|
|
41
|
+
}
|
|
42
|
+
const x = orient === "left" ? -yZoomWidth : 0;
|
|
43
|
+
return {
|
|
44
|
+
transform: [axisLocation, 0],
|
|
45
|
+
range: [0, height],
|
|
46
|
+
getScale: this.getYScale,
|
|
47
|
+
bg: { x, y, h, w },
|
|
48
|
+
ticks: ticks !== null && ticks !== void 0 ? ticks : this.getYTicks(height),
|
|
49
|
+
zoomEnabled: this.context.chartConfig.yPan,
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
this.getYTicks = (height) => {
|
|
53
|
+
if (height < 300) {
|
|
54
|
+
return 2;
|
|
55
|
+
}
|
|
56
|
+
if (height < 500) {
|
|
57
|
+
return 6;
|
|
58
|
+
}
|
|
59
|
+
return 8;
|
|
60
|
+
};
|
|
61
|
+
this.getYScale = (moreProps) => {
|
|
62
|
+
const { yScale: scale, flipYScale, height } = moreProps.chartConfig;
|
|
63
|
+
if (scale.invert) {
|
|
64
|
+
const trueRange = flipYScale ? [0, height] : [height, 0];
|
|
65
|
+
const trueDomain = trueRange.map(scale.invert);
|
|
66
|
+
return scale.copy().domain(trueDomain).range(trueRange);
|
|
67
|
+
}
|
|
68
|
+
return scale;
|
|
69
|
+
};
|
|
70
|
+
}
|
|
71
|
+
render() {
|
|
72
|
+
const _a = this.props, { getMouseDelta = YAxis.defaultProps.getMouseDelta, outerTickSize = YAxis.defaultProps.outerTickSize, strokeStyle = YAxis.defaultProps.strokeStyle, strokeWidth = YAxis.defaultProps.strokeWidth } = _a, rest = __rest(_a, ["getMouseDelta", "outerTickSize", "strokeStyle", "strokeWidth"]);
|
|
73
|
+
const _b = this.helper(), { zoomEnabled } = _b, moreProps = __rest(_b, ["zoomEnabled"]);
|
|
74
|
+
return (React.createElement(Axis, Object.assign({}, rest, moreProps, { edgeClip: true, getMouseDelta: getMouseDelta, outerTickSize: outerTickSize, strokeStyle: strokeStyle, strokeWidth: strokeWidth, zoomEnabled: this.props.zoomEnabled && zoomEnabled, axisZoomCallback: this.axisZoomCallback })));
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
YAxis.defaultProps = {
|
|
78
|
+
axisAt: "right",
|
|
79
|
+
className: "react-financial-charts-y-axis",
|
|
80
|
+
domainClassName: "react-financial-charts-axis-domain",
|
|
81
|
+
fontFamily: "-apple-system, system-ui, Roboto, 'Helvetica Neue', Ubuntu, sans-serif",
|
|
82
|
+
fontSize: 12,
|
|
83
|
+
fontWeight: 400,
|
|
84
|
+
getMouseDelta: (startXY, mouseXY) => startXY[1] - mouseXY[1],
|
|
85
|
+
gridLinesStrokeStyle: "#E2E4EC",
|
|
86
|
+
gridLinesStrokeWidth: 1,
|
|
87
|
+
innerTickSize: 4,
|
|
88
|
+
outerTickSize: 0,
|
|
89
|
+
orient: "right",
|
|
90
|
+
showDomain: true,
|
|
91
|
+
showGridLines: false,
|
|
92
|
+
showTicks: true,
|
|
93
|
+
showTickLabel: true,
|
|
94
|
+
strokeStyle: "#000000",
|
|
95
|
+
strokeWidth: 1,
|
|
96
|
+
tickPadding: 4,
|
|
97
|
+
tickLabelFill: "#000000",
|
|
98
|
+
tickStrokeStyle: "#000000",
|
|
99
|
+
yZoomWidth: 40,
|
|
100
|
+
zoomEnabled: true,
|
|
101
|
+
zoomCursorClassName: "react-financial-charts-ns-resize-cursor",
|
|
102
|
+
};
|
|
103
|
+
YAxis.contextType = ChartContext;
|
|
104
|
+
//# sourceMappingURL=YAxis.js.map
|
package/lib/YAxis.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"YAxis.js","sourceRoot":"","sources":["../src/YAxis.tsx"],"names":[],"mappings":"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"}
|
package/lib/index.d.ts
ADDED
package/lib/index.js
ADDED
package/lib/index.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}
|
package/package.json
ADDED
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@tradingaction/axes",
|
|
3
|
+
"version": "2.0.13",
|
|
4
|
+
"description": "Axes for react-financial-charts",
|
|
5
|
+
"publishConfig": {
|
|
6
|
+
"access": "public"
|
|
7
|
+
},
|
|
8
|
+
"main": "./lib/index.js",
|
|
9
|
+
"typings": "./lib/index.d.ts",
|
|
10
|
+
"files": [
|
|
11
|
+
"lib",
|
|
12
|
+
"src"
|
|
13
|
+
],
|
|
14
|
+
"sideEffects": false,
|
|
15
|
+
"author": "Reactive Markets",
|
|
16
|
+
"keywords": [
|
|
17
|
+
"charts",
|
|
18
|
+
"charting",
|
|
19
|
+
"stockcharts",
|
|
20
|
+
"finance",
|
|
21
|
+
"financial",
|
|
22
|
+
"finance-chart",
|
|
23
|
+
"react",
|
|
24
|
+
"d3"
|
|
25
|
+
],
|
|
26
|
+
"license": "MIT",
|
|
27
|
+
"repository": {
|
|
28
|
+
"type": "git",
|
|
29
|
+
"url": "https://github.com/reactivemarkets/react-financial-charts.git"
|
|
30
|
+
},
|
|
31
|
+
"bugs": {
|
|
32
|
+
"url": "https://github.com/reactivemarkets/react-financial-charts/issues"
|
|
33
|
+
},
|
|
34
|
+
"scripts": {
|
|
35
|
+
"build": "npm run clean && npm run compile",
|
|
36
|
+
"clean": "rimraf lib",
|
|
37
|
+
"compile": "tsc -p tsconfig.json",
|
|
38
|
+
"watch": "tsc -p tsconfig.json --watch --preserveWatchOutput"
|
|
39
|
+
},
|
|
40
|
+
"dependencies": {
|
|
41
|
+
"@tradingaction/core": "^2.0.13",
|
|
42
|
+
"@types/d3-scale": "^3.2.2",
|
|
43
|
+
"d3-array": "^2.9.1",
|
|
44
|
+
"d3-force": "^2.1.1",
|
|
45
|
+
"d3-scale": "^3.2.3",
|
|
46
|
+
"d3-selection": "^2.0.0"
|
|
47
|
+
},
|
|
48
|
+
"peerDependencies": {
|
|
49
|
+
"react": "^16.0.0 || ^17.0.0 || ^18.0.0",
|
|
50
|
+
"react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
|
|
51
|
+
},
|
|
52
|
+
"gitHead": "9c9bc635a2291c8da0e1dd5befa4000e96d83119"
|
|
53
|
+
}
|