@tradingaction/annotations 2.0.13 → 2.0.16
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/lib/LabelAnnotation.js +1 -1
- package/lib/LabelAnnotation.js.map +1 -1
- package/package.json +3 -3
- package/src/LabelAnnotation.tsx +28 -23
package/lib/LabelAnnotation.js
CHANGED
|
@@ -31,7 +31,7 @@ export class LabelAnnotation extends React.Component {
|
|
|
31
31
|
const { xPos, yPos, fill, text, tooltip } = this.helper();
|
|
32
32
|
return (React.createElement("g", { className: className },
|
|
33
33
|
React.createElement("title", null, tooltip),
|
|
34
|
-
React.createElement("text", { x: xPos, y: yPos, fontFamily: fontFamily, fontSize: fontSize, fill: fill, opacity: opacity, transform: `rotate(${rotate}, ${xPos}, ${yPos})`, onClick: this.handleClick, textAnchor: textAnchor }, text)));
|
|
34
|
+
React.createElement("text", { x: xPos, y: yPos, fontFamily: fontFamily, fontSize: fontSize, fill: fill, opacity: opacity, transform: `rotate(${rotate}, ${xPos}, ${yPos})`, onClick: this.handleClick, textAnchor: textAnchor }, text.split('\n').map((line, i) => (React.createElement("tspan", { x: xPos, dy: i === 0 ? '0' : '1.2em', key: `txt_el_${i}` }, line))))));
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
LabelAnnotation.defaultProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabelAnnotation.js","sourceRoot":"","sources":["../src/LabelAnnotation.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmD/B,MAAM,OAAO,eAAgB,SAAQ,KAAK,CAAC,SAA+B;IAA1E;;
|
|
1
|
+
{"version":3,"file":"LabelAnnotation.js","sourceRoot":"","sources":["../src/LabelAnnotation.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tradingaction/annotations",
|
|
3
|
-
"version": "2.0.
|
|
3
|
+
"version": "2.0.16",
|
|
4
4
|
"description": "Annotations for react-financial-charts",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -42,8 +42,8 @@
|
|
|
42
42
|
"react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
|
-
"@tradingaction/core": "^2.0.
|
|
45
|
+
"@tradingaction/core": "^2.0.15",
|
|
46
46
|
"@types/d3-scale": "^3.2.2"
|
|
47
47
|
},
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "f15f3279ca28e2708be06b42a392914eb29eff90"
|
|
49
49
|
}
|
package/src/LabelAnnotation.tsx
CHANGED
|
@@ -25,30 +25,30 @@ export interface LabelAnnotationProps {
|
|
|
25
25
|
readonly xAccessor?: (datum: any) => any;
|
|
26
26
|
readonly xScale?: ScaleContinuousNumeric<number, number>;
|
|
27
27
|
readonly x?:
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
28
|
+
| number
|
|
29
|
+
| (({
|
|
30
|
+
xScale,
|
|
31
|
+
xAccessor,
|
|
32
|
+
datum,
|
|
33
|
+
plotData,
|
|
34
|
+
}: {
|
|
35
|
+
xScale: ScaleContinuousNumeric<number, number>;
|
|
36
|
+
xAccessor: (datum: any) => any;
|
|
37
|
+
datum: any;
|
|
38
|
+
plotData: any[];
|
|
39
|
+
}) => number);
|
|
40
40
|
readonly yScale?: ScaleContinuousNumeric<number, number>;
|
|
41
41
|
readonly y?:
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
42
|
+
| number
|
|
43
|
+
| (({
|
|
44
|
+
yScale,
|
|
45
|
+
datum,
|
|
46
|
+
plotData,
|
|
47
|
+
}: {
|
|
48
|
+
yScale: ScaleContinuousNumeric<number, number>;
|
|
49
|
+
datum: any;
|
|
50
|
+
plotData: any[];
|
|
51
|
+
}) => number);
|
|
52
52
|
}
|
|
53
53
|
|
|
54
54
|
export class LabelAnnotation extends React.Component<LabelAnnotationProps> {
|
|
@@ -89,8 +89,13 @@ export class LabelAnnotation extends React.Component<LabelAnnotationProps> {
|
|
|
89
89
|
transform={`rotate(${rotate}, ${xPos}, ${yPos})`}
|
|
90
90
|
onClick={this.handleClick}
|
|
91
91
|
textAnchor={textAnchor}
|
|
92
|
+
|
|
92
93
|
>
|
|
93
|
-
{text
|
|
94
|
+
{text.split('\n').map((line: any, i: any) => (
|
|
95
|
+
<tspan x={xPos} dy={i === 0 ? '0' : '1.2em'} key={`txt_el_${i}`}>
|
|
96
|
+
{line}
|
|
97
|
+
</tspan>
|
|
98
|
+
))}
|
|
94
99
|
</text>
|
|
95
100
|
</g>
|
|
96
101
|
);
|