react-native-gifted-charts 1.3.33 → 1.4.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 (31) hide show
  1. package/README.md +9 -2
  2. package/package.json +2 -1
  3. package/src/BarChart/Animated2DWithGradient.tsx +13 -154
  4. package/src/BarChart/RenderBars.tsx +29 -179
  5. package/src/BarChart/RenderStackBars.tsx +22 -104
  6. package/src/BarChart/index.tsx +87 -686
  7. package/src/Components/AnimatedThreeDBar/index.tsx +16 -48
  8. package/src/Components/BarAndLineChartsWrapper/index.tsx +38 -283
  9. package/src/Components/BarAndLineChartsWrapper/renderHorizSections.tsx +17 -339
  10. package/src/Components/BarAndLineChartsWrapper/renderLineInBarChart/index.tsx +147 -0
  11. package/src/Components/BarAndLineChartsWrapper/renderLineInBarChart/renderDataPoints.tsx +157 -0
  12. package/src/Components/BarAndLineChartsWrapper/renderLineInBarChart/renderSpecificDataPoints.tsx +86 -0
  13. package/src/Components/BarAndLineChartsWrapper/renderLineInBarChart/renderSpecificVerticalLines.tsx +42 -0
  14. package/src/Components/BarAndLineChartsWrapper/renderVerticalLines.tsx +1 -1
  15. package/src/Components/BarSpecificComponents/cap.tsx +1 -1
  16. package/src/Components/common/StripAndLabel.tsx +3 -56
  17. package/src/Components/lineSvg.tsx +1 -1
  18. package/src/LineChart/LineChartBicolor.tsx +80 -516
  19. package/src/LineChart/index.tsx +266 -1778
  20. package/src/PieChart/index.tsx +20 -84
  21. package/src/PieChart/main.tsx +47 -119
  22. package/src/PopulationPyramid/index.tsx +90 -203
  23. package/src/index.tsx +2 -14
  24. package/src/BarChart/types.ts +0 -394
  25. package/src/Components/BarAndLineChartsWrapper/renderLineInBarChart.tsx +0 -402
  26. package/src/LineChart/types.ts +0 -575
  27. package/src/PieChart/types.ts +0 -77
  28. package/src/PopulationPyramid/types.ts +0 -200
  29. package/src/utils/constants.ts +0 -333
  30. package/src/utils/index.tsx +0 -1137
  31. package/src/utils/types.ts +0 -360
@@ -1,360 +0,0 @@
1
- import {ColorValue} from 'react-native';
2
- import {chartTypes, yAxisSides} from './constants';
3
- import {lineDataItem} from '../LineChart/types';
4
-
5
- export type RuleType = 'solid' | 'dashed' | 'dotted' | string;
6
-
7
- export type RuleTypes = {
8
- SOLID: RuleType;
9
- DASHED: RuleType;
10
- DOTTED: RuleType;
11
- };
12
-
13
- export enum CurveType {
14
- CUBIC,
15
- QUADRATIC,
16
- }
17
-
18
- export enum EdgePosition {
19
- AT_DATA_POINT,
20
- AROUND_DATA_POINT,
21
- }
22
-
23
- export type RulesConfig = {
24
- rulesLength?: number;
25
- rulesColor?: ColorValue;
26
- rulesThickness?: number;
27
- rulesType?: RuleType;
28
- dashWidth?: number;
29
- dashGap?: number;
30
- };
31
-
32
- export type PointerEvents = 'box-none' | 'none' | 'box-only' | 'auto';
33
-
34
- export type secondaryYAxisType = {
35
- noOfSections?: number;
36
- maxValue?: number;
37
- mostNegativeValue?: number;
38
- stepValue?: number;
39
- stepHeight?: number;
40
- showFractionalValues?: boolean;
41
- roundToDigits?: number;
42
- noOfSectionsBelowXAxis?: number;
43
-
44
- showYAxisIndices?: boolean;
45
- yAxisIndicesHeight?: number;
46
- yAxisIndicesWidth?: number;
47
- yAxisIndicesColor?: ColorValue;
48
-
49
- yAxisSide?: yAxisSides;
50
- yAxisOffset?: number;
51
- yAxisThickness?: number;
52
- yAxisColor?: ColorValue;
53
- yAxisLabelContainerStyle?: any;
54
- yAxisLabelTexts?: Array<string> | undefined;
55
- yAxisTextStyle?: any;
56
- yAxisTextNumberOfLines?: number;
57
- yAxisLabelWidth?: number;
58
- hideYAxisText?: boolean;
59
- yAxisLabelPrefix?: string;
60
- yAxisLabelSuffix?: string;
61
- hideOrigin?: boolean;
62
- formatYLabel?: (label: string) => string;
63
- };
64
-
65
- export type secondaryLineConfigType = {
66
- zIndex?: number;
67
- curved?: boolean;
68
- curvature?: number;
69
- curveType?: CurveType;
70
- areaChart?: boolean;
71
- color?: ColorValue;
72
- thickness?: number;
73
- zIndex1?: number;
74
- strokeDashArray?: Array<number>;
75
- startIndex?: number;
76
- endIndex?: number;
77
- hideDataPoints?: boolean;
78
- dataPointsHeight?: number;
79
- dataPointsWidth?: number;
80
- dataPointsRadius?: number;
81
- dataPointsColor?: string;
82
- dataPointsShape?: string;
83
- showValuesAsDataPointsText?: boolean;
84
- startFillColor?: string;
85
- endFillColor?: string;
86
- startOpacity?: number;
87
- endOpacity?: number;
88
- textFontSize?: number;
89
- textColor?: string;
90
- showArrow?: boolean;
91
- arrowConfig?: arrowConfigType;
92
- isSecondary?: boolean;
93
- };
94
-
95
- export type referenceConfigType = {
96
- thickness?: number;
97
- width?: number;
98
- color?: ColorValue | String | any;
99
- type?: String;
100
- dashWidth?: number;
101
- dashGap?: number;
102
- labelText?: String;
103
- labelTextStyle?: any;
104
- zIndex?: number;
105
- };
106
-
107
- export type arrowConfigType = {
108
- length: number;
109
- width: number;
110
- strokeWidth: number;
111
- strokeColor: string;
112
- fillColor: string;
113
- showArrowBase: boolean;
114
- };
115
-
116
- export type horizSectionPropTypes = {
117
- width: number | undefined;
118
- horizSections: Array<any>;
119
- noOfSectionsBelowXAxis: number;
120
- totalWidth: number;
121
- endSpacing: number;
122
- yAxisSide: yAxisSides;
123
- horizontalRulesStyle: any;
124
- noOfSections: number;
125
- stepHeight: number;
126
- yAxisLabelWidth: number;
127
- yAxisLabelContainerStyle: any;
128
- yAxisThickness: number;
129
- trimYAxisAtTop: boolean;
130
- yAxisColor: string;
131
- yAxisExtraHeight: number;
132
- xAxisThickness: number;
133
- xAxisColor: string;
134
- xAxisLength: number;
135
- xAxisType: RuleType;
136
- dashWidth: number;
137
- dashGap: number;
138
- rulesConfigArray: Array<RulesConfig>;
139
- backgroundColor: string;
140
- hideRules: boolean;
141
- rulesLength: number;
142
- rulesType: RuleType;
143
- rulesThickness: number;
144
- rulesColor: string;
145
- spacing: number;
146
- showYAxisIndices: boolean;
147
- yAxisIndicesHeight: number;
148
- yAxisIndicesWidth: number;
149
- yAxisIndicesColor: string;
150
-
151
- hideOrigin: boolean;
152
- hideYAxisText: boolean;
153
- showFractionalValues: boolean;
154
- yAxisTextNumberOfLines: number;
155
- yAxisLabelPrefix: string;
156
- yAxisLabelSuffix: string;
157
- yAxisTextStyle: any;
158
- rotateYAxisTexts: number | undefined;
159
- rtl: boolean;
160
-
161
- containerHeight: number;
162
- overflowTop: number;
163
- maxValue: number;
164
-
165
- referenceLinesConfig: any;
166
-
167
- yAxisLabelTexts: Array<string> | undefined;
168
- yAxisOffset: number | undefined;
169
-
170
- horizontal: boolean;
171
- yAxisAtTop: boolean;
172
-
173
- stepValue: number;
174
- roundToDigits: number | undefined;
175
-
176
- secondaryData: Array<any> | undefined;
177
- secondaryYAxis: secondaryYAxisType | null;
178
- formatYLabel?: (label: string) => string;
179
- onlyReferenceLines?: boolean;
180
- renderReferenceLines?: boolean;
181
- };
182
-
183
- type HorizSectionObject = {
184
- value: string;
185
- };
186
-
187
- export type HorizSectionsType = Array<HorizSectionObject>;
188
-
189
- export type BarAndLineChartsWrapperTypes = {
190
- chartType: chartTypes;
191
- containerHeight: number;
192
- noOfSectionsBelowXAxis: number;
193
- stepHeight: number;
194
- labelsExtraHeight: number;
195
- yAxisLabelWidth: number;
196
- horizontal: boolean;
197
- rtl: boolean;
198
- shiftX: number;
199
- shiftY: number;
200
- scrollRef: any;
201
- yAxisAtTop: boolean;
202
- initialSpacing: number;
203
- data: Array<any>;
204
- stackData: Array<any> | undefined;
205
- secondaryData: Array<any> | undefined;
206
- barWidth: number | undefined;
207
- xAxisThickness: number;
208
- totalWidth: number;
209
- disableScroll: boolean;
210
- showScrollIndicator: boolean;
211
- scrollToEnd: boolean;
212
- scrollToIndex: number | undefined;
213
- scrollAnimation: boolean;
214
- indicatorColor: 'black' | 'default' | 'white' | undefined;
215
- setSelectedIndex: any;
216
- spacing: number;
217
- showLine: boolean;
218
- lineConfig: any;
219
- lineConfig2: any;
220
- maxValue: number;
221
- lineData: Array<any>;
222
- lineData2: Array<any>;
223
- animatedWidth: any;
224
- lineBehindBars: boolean;
225
- points: string | Array<any>;
226
- points2: string | Array<any>;
227
- arrowPoints: any;
228
- renderChartContent: any;
229
- remainingScrollViewProps: any;
230
-
231
- width: number | undefined;
232
- horizSections: HorizSectionsType;
233
- endSpacing: number;
234
- horizontalRulesStyle: any;
235
- noOfSections: number;
236
- showFractionalValues: boolean;
237
- axesAndRulesProps: any;
238
-
239
- yAxisLabelTexts: Array<string> | undefined;
240
- yAxisOffset: number | undefined;
241
- rotateYAxisTexts: number | undefined;
242
- hideAxesAndRules: boolean | undefined;
243
-
244
- showXAxisIndices: boolean;
245
- xAxisIndicesHeight: number;
246
- xAxisIndicesWidth: number;
247
- xAxisIndicesColor: ColorValue;
248
-
249
- pointerConfig?: Pointer;
250
- getPointerProps: any;
251
- pointerIndex: number;
252
- pointerX: number;
253
- pointerY: number;
254
-
255
- scrollEventThrottle: number;
256
- };
257
-
258
- export type Pointer = {
259
- height?: number;
260
- width?: number;
261
- radius?: number;
262
- pointerColor?: ColorValue;
263
- pointer1Color?: ColorValue;
264
- pointer2Color?: ColorValue;
265
- pointer3Color?: ColorValue;
266
- pointer4Color?: ColorValue;
267
- pointer5Color?: ColorValue;
268
- secondaryPointerColor?: ColorValue;
269
- pointerComponent?: Function;
270
- showPointerStrip?: boolean;
271
- pointerStripWidth?: number;
272
- pointerStripHeight?: number;
273
- pointerStripColor?: ColorValue;
274
- pointerStripUptoDataPoint?: boolean;
275
- pointerLabelComponent?: Function;
276
- stripOverPointer?: boolean;
277
- autoAdjustPointerLabelPosition?: boolean;
278
- shiftPointerLabelX?: number;
279
- shiftPointerLabelY?: number;
280
- pointerLabelWidth?: number;
281
- pointerLabelHeight?: number;
282
- pointerVanishDelay?: number;
283
- activatePointersOnLongPress?: boolean;
284
- activatePointersDelay?: number;
285
- initialPointerIndex?: number;
286
- initialPointerAppearDelay?: number;
287
- persistPointer?: boolean;
288
- hidePointer1?: boolean;
289
- hidePointer2?: boolean;
290
- hidePointer3?: boolean;
291
- hidePointer4?: boolean;
292
- hidePointer5?: boolean;
293
- hideSecondaryPointer?: boolean;
294
- strokeDashArray?: Array<number>;
295
- barTouchable?: boolean;
296
- pointerEvents?: PointerEvents;
297
- stripBehindBars?: boolean;
298
- resetPointerOnDataChange?: boolean;
299
- };
300
-
301
- export type HighlightedRange = {
302
- from: number;
303
- to: number;
304
- color?: string | ColorValue;
305
- thickness?: number;
306
- strokeDashArray?: Array<number>;
307
- };
308
-
309
- export type LineSegment = {
310
- startIndex: number;
311
- endIndex: number;
312
- color?: string | ColorValue;
313
- thickness?: number;
314
- strokeDashArray?: Array<number>;
315
- };
316
-
317
- export type LineSvgProps = {
318
- d: string;
319
- fill: string;
320
- stroke: string | ColorValue;
321
- strokeWidth: number;
322
- strokeDasharray?: Array<number>;
323
- };
324
-
325
- export type LineProperties = {
326
- d: string;
327
- color: string | ColorValue;
328
- strokeWidth: number;
329
- strokeDashArray?: Array<number>;
330
- };
331
-
332
- export type DataSet = {
333
- data: Array<lineDataItem>;
334
- zIndex?: number;
335
- thickness?: number;
336
- strokeDashArray?: Array<number>;
337
- areaChart?: boolean;
338
- stepChart?: boolean;
339
- startIndex?: number;
340
- endIndex?: number;
341
- color?: string;
342
- hideDataPoints?: boolean;
343
- dataPointsHeight?: number;
344
- dataPointsWidth?: number;
345
- dataPointsRadius?: number;
346
- dataPointsColor?: string;
347
- dataPointsShape?: string;
348
- startFillColor?: string;
349
- endFillColor?: string;
350
- startOpacity?: number;
351
- endOpacity?: number;
352
- textFontSize?: number;
353
- textColor?: string;
354
- showArrow?: boolean;
355
- arrowConfig?: arrowConfigType;
356
- curved?: boolean;
357
- curvature?: number;
358
- curveType?: CurveType;
359
- lineSegments?: Array<LineSegment>;
360
- };