@dhiraj0720/report1chart 2.8.4 → 2.8.6

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dhiraj0720/report1chart",
3
- "version": "2.8.4",
3
+ "version": "2.8.6",
4
4
  "main": "src/index.jsx",
5
5
  "scripts": {
6
6
  "test": "echo 'No tests'"
@@ -38,7 +38,7 @@ const FrozenTableReport2A = ({ rows = [], isFullscreen = false }) => {
38
38
  }
39
39
 
40
40
  // Frozen column slightly wider for better readability
41
- const frozenColumnWidth = isFullscreen ? 160 : 80;
41
+ const frozenColumnWidth = isFullscreen ? 120 : 100;
42
42
 
43
43
  return (
44
44
  <View style={styles.container}>
@@ -116,7 +116,7 @@ const styles = StyleSheet.create({
116
116
  flexDirection: 'row',
117
117
  },
118
118
  cell: {
119
- minWidth: 70, // Minimum width for small content
119
+ minWidth: 90, // Minimum width for small content
120
120
  paddingHorizontal: 11, // +5 left + +5 right = +10 total
121
121
  paddingVertical: 12,
122
122
  justifyContent: 'center',
@@ -7,7 +7,7 @@ const SvgBarLineChartCompact = ({ data }) => {
7
7
  if (!data?.series || !data.labels?.length) return null;
8
8
 
9
9
  const height = 280;
10
- const paddingLeft = 70;
10
+ const paddingLeft = 40;
11
11
  const paddingRight = 30;
12
12
  const paddingTop = 30;
13
13
  const paddingBottom = 70;
@@ -32,7 +32,7 @@ const SvgBarLineChartCompact = ({ data }) => {
32
32
  {[1000000, 500000, 0].map((v) => (
33
33
  <SvgText
34
34
  key={v}
35
- x={paddingLeft - 10}
35
+ x={paddingLeft - 7}
36
36
  y={y(v) + 5}
37
37
  fontSize="11"
38
38
  textAnchor="end"
@@ -69,6 +69,7 @@ const SvgBarLineChartCompact = ({ data }) => {
69
69
  fontSize="10"
70
70
  textAnchor="middle"
71
71
  fill="white"
72
+ transform={`rotate(-90 ${centerX - barWidth - barGap / 2 + barWidth / 2} ${y(val2024) + h2024 / 2 + 5})`}
72
73
  fontWeight="700"
73
74
  >
74
75
  {formatNumber(val2024)}
@@ -84,6 +85,7 @@ const SvgBarLineChartCompact = ({ data }) => {
84
85
  fontSize="10"
85
86
  textAnchor="middle"
86
87
  fill="white"
88
+ transform={`rotate(-90 ${centerX + barGap / 2 + barWidth / 2} ${y(val2025) + h2025 / 2 + 5})`}
87
89
  fontWeight="700"
88
90
  >
89
91
  {formatNumber(val2025)}
@@ -7,7 +7,7 @@ const SvgLineChartCompact = ({ data }) => {
7
7
  if (!data?.series || !data.labels?.length) return null;
8
8
 
9
9
  const height = 260;
10
- const paddingLeft = 30;
10
+ const paddingLeft = 45;
11
11
  const paddingRight = 30;
12
12
  const paddingTop = 30;
13
13
  const paddingBottom = 60;