victory-brush-container 30.6.1 → 31.2.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.
- package/README.md +12 -14
- package/dist/victory-brush-container.js +976 -735
- package/dist/victory-brush-container.min.js +1 -1
- package/es/brush-helpers.js +2 -2
- package/es/victory-brush-container.js +2 -2
- package/lib/brush-helpers.js +2 -2
- package/lib/victory-brush-container.js +2 -2
- package/package.json +2 -2
- package/src/brush-helpers.js +129 -66
- package/src/index.js +1 -4
- package/src/victory-brush-container.js +148 -140
package/README.md
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
|
|
2
1
|
# VictoryBrushContainer
|
|
3
2
|
|
|
4
3
|
`victory-brush-container@^30.0.0` exports `VictoryBrushContainer`, `brushContainerMixin` and `BrushHelpers`
|
|
@@ -46,7 +45,7 @@ However, the component that uses it must be standalone
|
|
|
46
45
|
|
|
47
46
|
The optional `allowDrag` prop accepts a boolean that enables dragging behavior for the highlighted brush area. Resizing will still be enabled when the `allowDrag` prop is set to false.
|
|
48
47
|
|
|
49
|
-
|
|
48
|
+
_default:_ `allowDrag={true}`
|
|
50
49
|
|
|
51
50
|
### allowResize
|
|
52
51
|
|
|
@@ -54,7 +53,7 @@ The optional `allowDrag` prop accepts a boolean that enables dragging behavior f
|
|
|
54
53
|
|
|
55
54
|
The optional `allowResize` prop accepts a boolean that enables resizing the highlighted brush area. Dragging will still be enabled when the `allowResize` prop is set to false, but the dimensions of the brush area will be fixed.
|
|
56
55
|
|
|
57
|
-
|
|
56
|
+
_default:_ `allowResize={true}`
|
|
58
57
|
|
|
59
58
|
### brushComponent
|
|
60
59
|
|
|
@@ -64,7 +63,7 @@ The `brushComponent` prop specifies the component to be rendered for the highlig
|
|
|
64
63
|
This component will be supplied with the following props: x, y, width, height, and style.
|
|
65
64
|
When this prop is not specified, a `<rect/>` will be rendered.
|
|
66
65
|
|
|
67
|
-
|
|
66
|
+
_default:_ `brushComponent={<rect/>}`
|
|
68
67
|
|
|
69
68
|
### brushDimension
|
|
70
69
|
|
|
@@ -74,7 +73,7 @@ When the `brushDimension` prop is set, brushing will only be specific to the to
|
|
|
74
73
|
(either "x" or "y"), and the entire domain of the other dimension will be highlighted. When this prop
|
|
75
74
|
is not specified, highlighting will occur along both dimensions.
|
|
76
75
|
|
|
77
|
-
|
|
76
|
+
_example:_ `brushDimension="x"`
|
|
78
77
|
|
|
79
78
|
### brushDomain
|
|
80
79
|
|
|
@@ -85,7 +84,7 @@ specifies separate arrays for `x` and `y`. Each array is a tuple that describes
|
|
|
85
84
|
values to render. If this prop is not provided initially, the chart will render with the entire
|
|
86
85
|
domain highlighted. When this prop changes, the chart will render with a new highlighted domain.
|
|
87
86
|
|
|
88
|
-
|
|
87
|
+
_example:_ `brushDomain={{x: [50, 100], y: [0, 100]}`
|
|
89
88
|
|
|
90
89
|
### brushStyle
|
|
91
90
|
|
|
@@ -94,7 +93,7 @@ domain highlighted. When this prop changes, the chart will render with a new hig
|
|
|
94
93
|
The `brushStyle` adds custom styles to the `brushComponent`. This prop should be given as
|
|
95
94
|
an object of SVG style attributes.
|
|
96
95
|
|
|
97
|
-
|
|
96
|
+
_default:_ `brushStyle={{stroke: "transparent", fill: "black", fillOpacity: 0.1}}
|
|
98
97
|
|
|
99
98
|
### defaultBrushArea
|
|
100
99
|
|
|
@@ -126,10 +125,10 @@ When the `disable` prop is set to `true`, `VictoryBrushContainer` events will no
|
|
|
126
125
|
`type: element`
|
|
127
126
|
|
|
128
127
|
The `handleComponent` prop specifies the component to be rendered for each handle for the highlighted
|
|
129
|
-
area.
|
|
128
|
+
area. This component will be supplied with the following props: `x`, `y`, `width`, `height`, `cursor`, and `style`.
|
|
130
129
|
When this prop is not specified, a `<rect/>` will be rendered.
|
|
131
130
|
|
|
132
|
-
|
|
131
|
+
_default:_ `handleComponent={<rect/>}`
|
|
133
132
|
|
|
134
133
|
### handleStyle
|
|
135
134
|
|
|
@@ -143,7 +142,7 @@ expanded. Only handles relevant to the given `dimension` will be rendered. For e
|
|
|
143
142
|
`brushDimension="x"` only "left" and "right" handles will be rendered. Handles are automatically styled
|
|
144
143
|
with cursors appropriate to their orientation.
|
|
145
144
|
|
|
146
|
-
|
|
145
|
+
_default:_ `handleStyle={{stroke: "transparent", fill: "transparent"}}
|
|
147
146
|
|
|
148
147
|
### onBrushDomainChange
|
|
149
148
|
|
|
@@ -151,7 +150,7 @@ with cursors appropriate to their orientation.
|
|
|
151
150
|
|
|
152
151
|
The optional `onBrushDomainChange` prop accepts a function to be called on each update to the highlighted domain. The function accepts the parameters of `domain` (the updated domain), and `props` (the props used by `VictoryBrushContainer`).
|
|
153
152
|
|
|
154
|
-
|
|
153
|
+
_example:_ `onBrushDomainChange={(domain, props) => handleDomainChange(domain, props)}`
|
|
155
154
|
|
|
156
155
|
## onBrushDomainChangeEnd
|
|
157
156
|
|
|
@@ -159,8 +158,7 @@ The optional `onBrushDomainChange` prop accepts a function to be called on each
|
|
|
159
158
|
|
|
160
159
|
The optional `onBrushDomainChangeEnd` prop accepts a function to be called on the last update to the highlighted domain. The function accepts the parameters of `domain` (the updated domain), and `props` (the props used by `VictoryBrushContainer`).
|
|
161
160
|
|
|
162
|
-
|
|
163
|
-
|
|
161
|
+
_example:_ `onBrushDomainChangeEnd={(domain, props) => handleDomainChangeEnd(domain, props)}`
|
|
164
162
|
|
|
165
163
|
[brush and zoom guide]: https://formidable.com/open-source/victory/guides/brush-and-zoom
|
|
166
|
-
[
|
|
164
|
+
[victorycontainer]: https://formidable.com/open-source/victory/docs/victory-container
|