@chenkai_ioc/react-charts 0.1.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 (124) hide show
  1. package/LICENSE +15 -0
  2. package/README.md +46 -0
  3. package/dist/components/Chart/Bar/index.d.ts +38 -0
  4. package/dist/components/Chart/Bar/index.d.ts.map +1 -0
  5. package/dist/components/Chart/CapsuleSwitch/index.d.ts +20 -0
  6. package/dist/components/Chart/CapsuleSwitch/index.d.ts.map +1 -0
  7. package/dist/components/Chart/CircleProgress/index.d.ts +138 -0
  8. package/dist/components/Chart/CircleProgress/index.d.ts.map +1 -0
  9. package/dist/components/Chart/CodeBlock/index.d.ts +19 -0
  10. package/dist/components/Chart/CodeBlock/index.d.ts.map +1 -0
  11. package/dist/components/Chart/DataDisplayItem/index.d.ts +26 -0
  12. package/dist/components/Chart/DataDisplayItem/index.d.ts.map +1 -0
  13. package/dist/components/Chart/EnergyCardGrid/index.d.ts +38 -0
  14. package/dist/components/Chart/EnergyCardGrid/index.d.ts.map +1 -0
  15. package/dist/components/Chart/Gauge/index.d.ts +30 -0
  16. package/dist/components/Chart/Gauge/index.d.ts.map +1 -0
  17. package/dist/components/Chart/HologramBase/index.d.ts +19 -0
  18. package/dist/components/Chart/HologramBase/index.d.ts.map +1 -0
  19. package/dist/components/Chart/InspectionDuration/index.d.ts +20 -0
  20. package/dist/components/Chart/InspectionDuration/index.d.ts.map +1 -0
  21. package/dist/components/Chart/InspectionPieChart/index.d.ts +77 -0
  22. package/dist/components/Chart/InspectionPieChart/index.d.ts.map +1 -0
  23. package/dist/components/Chart/LiquidGauge/index.d.ts +23 -0
  24. package/dist/components/Chart/LiquidGauge/index.d.ts.map +1 -0
  25. package/dist/components/Chart/PeakCard/index.d.ts +27 -0
  26. package/dist/components/Chart/PeakCard/index.d.ts.map +1 -0
  27. package/dist/components/Chart/PeakValleyElectricityLineChart/index.d.ts +37 -0
  28. package/dist/components/Chart/PeakValleyElectricityLineChart/index.d.ts.map +1 -0
  29. package/dist/components/Chart/Pie3D/index.d.ts +190 -0
  30. package/dist/components/Chart/Pie3D/index.d.ts.map +1 -0
  31. package/dist/components/Chart/PolarRingChart/index.d.ts +64 -0
  32. package/dist/components/Chart/PolarRingChart/index.d.ts.map +1 -0
  33. package/dist/components/Chart/Pyramid3D/index.d.ts +195 -0
  34. package/dist/components/Chart/Pyramid3D/index.d.ts.map +1 -0
  35. package/dist/components/Chart/RingProgress/index.d.ts +41 -0
  36. package/dist/components/Chart/RingProgress/index.d.ts.map +1 -0
  37. package/dist/components/Chart/StatCard/StatCard.d.ts +70 -0
  38. package/dist/components/Chart/StatCard/StatCard.d.ts.map +1 -0
  39. package/dist/components/Chart/StatsCard/index.d.ts +58 -0
  40. package/dist/components/Chart/StatsCard/index.d.ts.map +1 -0
  41. package/dist/components/Chart/StatusItem/index.d.ts +26 -0
  42. package/dist/components/Chart/StatusItem/index.d.ts.map +1 -0
  43. package/dist/components/Chart/StyleEight/index.d.ts +15 -0
  44. package/dist/components/Chart/StyleEight/index.d.ts.map +1 -0
  45. package/dist/components/Chart/StyleEighteen/index.d.ts +61 -0
  46. package/dist/components/Chart/StyleEighteen/index.d.ts.map +1 -0
  47. package/dist/components/Chart/StyleEleven/index.d.ts +71 -0
  48. package/dist/components/Chart/StyleEleven/index.d.ts.map +1 -0
  49. package/dist/components/Chart/StyleFifteen/index.d.ts +49 -0
  50. package/dist/components/Chart/StyleFifteen/index.d.ts.map +1 -0
  51. package/dist/components/Chart/StyleForty/index.d.ts +45 -0
  52. package/dist/components/Chart/StyleForty/index.d.ts.map +1 -0
  53. package/dist/components/Chart/StyleFortyOne/index.d.ts +123 -0
  54. package/dist/components/Chart/StyleFortyOne/index.d.ts.map +1 -0
  55. package/dist/components/Chart/StyleFourteen/index.d.ts +58 -0
  56. package/dist/components/Chart/StyleFourteen/index.d.ts.map +1 -0
  57. package/dist/components/Chart/StyleNine/index.d.ts +45 -0
  58. package/dist/components/Chart/StyleNine/index.d.ts.map +1 -0
  59. package/dist/components/Chart/StyleSeventeen/index.d.ts +70 -0
  60. package/dist/components/Chart/StyleSeventeen/index.d.ts.map +1 -0
  61. package/dist/components/Chart/StyleSixteen/index.d.ts +58 -0
  62. package/dist/components/Chart/StyleSixteen/index.d.ts.map +1 -0
  63. package/dist/components/Chart/StyleTen/index.d.ts +124 -0
  64. package/dist/components/Chart/StyleTen/index.d.ts.map +1 -0
  65. package/dist/components/Chart/StyleThirteen/index.d.ts +63 -0
  66. package/dist/components/Chart/StyleThirteen/index.d.ts.map +1 -0
  67. package/dist/components/Chart/StyleThirty/index.d.ts +68 -0
  68. package/dist/components/Chart/StyleThirty/index.d.ts.map +1 -0
  69. package/dist/components/Chart/StyleThirtyEight/index.d.ts +94 -0
  70. package/dist/components/Chart/StyleThirtyEight/index.d.ts.map +1 -0
  71. package/dist/components/Chart/StyleThirtyFive/index.d.ts +42 -0
  72. package/dist/components/Chart/StyleThirtyFive/index.d.ts.map +1 -0
  73. package/dist/components/Chart/StyleThirtyFour/index.d.ts +72 -0
  74. package/dist/components/Chart/StyleThirtyFour/index.d.ts.map +1 -0
  75. package/dist/components/Chart/StyleThirtyNine/index.d.ts +51 -0
  76. package/dist/components/Chart/StyleThirtyNine/index.d.ts.map +1 -0
  77. package/dist/components/Chart/StyleThirtyOne/index.d.ts +43 -0
  78. package/dist/components/Chart/StyleThirtyOne/index.d.ts.map +1 -0
  79. package/dist/components/Chart/StyleThirtySeven/index.d.ts +90 -0
  80. package/dist/components/Chart/StyleThirtySeven/index.d.ts.map +1 -0
  81. package/dist/components/Chart/StyleThirtySix/index.d.ts +50 -0
  82. package/dist/components/Chart/StyleThirtySix/index.d.ts.map +1 -0
  83. package/dist/components/Chart/StyleThirtyThree/index.d.ts +32 -0
  84. package/dist/components/Chart/StyleThirtyThree/index.d.ts.map +1 -0
  85. package/dist/components/Chart/StyleThirtyTwo/index.d.ts +36 -0
  86. package/dist/components/Chart/StyleThirtyTwo/index.d.ts.map +1 -0
  87. package/dist/components/Chart/StyleTwelve/index.d.ts +70 -0
  88. package/dist/components/Chart/StyleTwelve/index.d.ts.map +1 -0
  89. package/dist/components/Chart/StyleTwenty/index.d.ts +42 -0
  90. package/dist/components/Chart/StyleTwenty/index.d.ts.map +1 -0
  91. package/dist/components/Chart/StyleTwentyEight/index.d.ts +78 -0
  92. package/dist/components/Chart/StyleTwentyEight/index.d.ts.map +1 -0
  93. package/dist/components/Chart/StyleTwentyFive/index.d.ts +60 -0
  94. package/dist/components/Chart/StyleTwentyFive/index.d.ts.map +1 -0
  95. package/dist/components/Chart/StyleTwentyFour/index.d.ts +81 -0
  96. package/dist/components/Chart/StyleTwentyFour/index.d.ts.map +1 -0
  97. package/dist/components/Chart/StyleTwentyNine/index.d.ts +35 -0
  98. package/dist/components/Chart/StyleTwentyNine/index.d.ts.map +1 -0
  99. package/dist/components/Chart/StyleTwentyOne/index.d.ts +42 -0
  100. package/dist/components/Chart/StyleTwentyOne/index.d.ts.map +1 -0
  101. package/dist/components/Chart/StyleTwentySeven/index.d.ts +51 -0
  102. package/dist/components/Chart/StyleTwentySeven/index.d.ts.map +1 -0
  103. package/dist/components/Chart/StyleTwentySix/index.d.ts +48 -0
  104. package/dist/components/Chart/StyleTwentySix/index.d.ts.map +1 -0
  105. package/dist/components/Chart/StyleTwentyThree/index.d.ts +208 -0
  106. package/dist/components/Chart/StyleTwentyThree/index.d.ts.map +1 -0
  107. package/dist/components/Chart/StyleTwentyTwo/index.d.ts +86 -0
  108. package/dist/components/Chart/StyleTwentyTwo/index.d.ts.map +1 -0
  109. package/dist/components/Chart/StyledProgressBar/index.d.ts +20 -0
  110. package/dist/components/Chart/StyledProgressBar/index.d.ts.map +1 -0
  111. package/dist/components/Chart/TabButtons/index.d.ts +19 -0
  112. package/dist/components/Chart/TabButtons/index.d.ts.map +1 -0
  113. package/dist/components/Chart/TechPanel/index.d.ts +47 -0
  114. package/dist/components/Chart/TechPanel/index.d.ts.map +1 -0
  115. package/dist/components/Chart/formatTooltipValue.d.ts +6 -0
  116. package/dist/components/Chart/formatTooltipValue.d.ts.map +1 -0
  117. package/dist/index.cjs +13 -0
  118. package/dist/index.d.ts +115 -0
  119. package/dist/index.d.ts.map +1 -0
  120. package/dist/index.js +9559 -0
  121. package/dist/style.css +1 -0
  122. package/dist/utils/echartsGL.d.ts +5 -0
  123. package/dist/utils/echartsGL.d.ts.map +1 -0
  124. package/package.json +55 -0
@@ -0,0 +1,42 @@
1
+ import React from 'react';
2
+ interface SeriesData {
3
+ name: string;
4
+ data: number[];
5
+ }
6
+ interface StyleTwentyOneProps {
7
+ style?: React.CSSProperties;
8
+ chartStyle?: React.CSSProperties;
9
+ /** 数据配置 */
10
+ data?: {
11
+ categories: string[];
12
+ series: SeriesData[];
13
+ };
14
+ /** 单位 */
15
+ unit?: string;
16
+ /** 颜色配置 (主色调) */
17
+ colors?: string[];
18
+ /** 网格配置 */
19
+ grid?: {
20
+ top?: string | number;
21
+ bottom?: string | number;
22
+ left?: string | number;
23
+ right?: string | number;
24
+ containLabel?: boolean;
25
+ };
26
+ /** 图例配置 */
27
+ legendConfig?: {
28
+ show?: boolean;
29
+ top?: string | number;
30
+ right?: string | number;
31
+ [key: string]: any;
32
+ };
33
+ /** 提示框配置 */
34
+ tooltipConfig?: {
35
+ show?: boolean;
36
+ trigger?: 'item' | 'axis' | 'none';
37
+ [key: string]: any;
38
+ };
39
+ }
40
+ declare const StyleTwentyOne: React.FC<StyleTwentyOneProps>;
41
+ export default StyleTwentyOne;
42
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleTwentyOne/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB;AAED,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,WAAW;IACX,IAAI,CAAC,EAAE;QACL,UAAU,EAAE,MAAM,EAAE,CAAC;QACrB,MAAM,EAAE,UAAU,EAAE,CAAC;KACtB,CAAC;IACF,SAAS;IACT,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,WAAW;IACX,IAAI,CAAC,EAAE;QACL,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,YAAY,CAAC,EAAE,OAAO,CAAC;KACxB,CAAC;IACF,WAAW;IACX,YAAY,CAAC,EAAE;QACb,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;IACF,YAAY;IACZ,aAAa,CAAC,EAAE;QACd,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;QACnC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;CACH;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAmLjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -0,0 +1,51 @@
1
+ import React from 'react';
2
+ export interface ChartData {
3
+ name: string;
4
+ value: number;
5
+ percentage?: string;
6
+ count?: string;
7
+ color?: string;
8
+ trackColor?: string;
9
+ }
10
+ export interface StyleTwentySevenProps {
11
+ className?: string;
12
+ style?: React.CSSProperties;
13
+ chartStyle?: React.CSSProperties;
14
+ /** 数据列表 */
15
+ data?: ChartData[];
16
+ /** 基础配置 */
17
+ chartConfig?: {
18
+ width?: string | number;
19
+ height?: string | number;
20
+ center?: [string | number, string | number];
21
+ centerRadius?: string | number;
22
+ };
23
+ /** 仪表盘配置 */
24
+ gaugeConfig?: {
25
+ maxRadius?: number;
26
+ gap?: number;
27
+ trackWidth?: number;
28
+ startAngle?: number;
29
+ endAngle?: number;
30
+ };
31
+ /** 图例配置 */
32
+ legendConfig?: {
33
+ show?: boolean;
34
+ right?: string | number;
35
+ top?: string | number;
36
+ textStyle?: any;
37
+ itemWidth?: number;
38
+ itemHeight?: number;
39
+ itemGap?: number;
40
+ };
41
+ /** 中心图片配置 */
42
+ imageConfig?: {
43
+ show?: boolean;
44
+ src?: string;
45
+ size?: number;
46
+ };
47
+ color?: string;
48
+ }
49
+ declare const StyleTwentySeven: React.FC<StyleTwentySevenProps>;
50
+ export default StyleTwentySeven;
51
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleTwentySeven/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,qBAAqB;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,WAAW;IACX,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC;IACnB,WAAW;IACX,WAAW,CAAC,EAAE;QACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;QAC5C,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KAChC,CAAC;IACF,YAAY;IACZ,WAAW,CAAC,EAAE;QACZ,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,WAAW;IACX,YAAY,CAAC,EAAE;QACb,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACtB,SAAS,CAAC,EAAE,GAAG,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,aAAa;IACb,WAAW,CAAC,EAAE;QACZ,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CA2RrD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
@@ -0,0 +1,48 @@
1
+ import React from 'react';
2
+ /** 图表数据接口 */
3
+ interface ChartData {
4
+ name: string;
5
+ value: number;
6
+ color?: string;
7
+ startColor?: string;
8
+ endColor?: string;
9
+ }
10
+ /** 环形进度图组件属性 */
11
+ interface StyleTwentySixProps {
12
+ style?: React.CSSProperties;
13
+ chartStyle?: React.CSSProperties;
14
+ data?: ChartData;
15
+ layout?: {
16
+ width?: string | number;
17
+ height?: string | number;
18
+ center?: [string | number, string | number];
19
+ };
20
+ titleConfig?: {
21
+ fontSize?: number;
22
+ fontWeight?: string | number;
23
+ color?: string;
24
+ };
25
+ labelConfig?: {
26
+ fontSize?: number;
27
+ color?: string;
28
+ marginTop?: string | number;
29
+ };
30
+ progressConfig?: {
31
+ radius?: string;
32
+ innerRadius?: string;
33
+ width?: number;
34
+ trackOpacity?: number;
35
+ };
36
+ outerConfig?: {
37
+ show?: boolean;
38
+ radius?: string;
39
+ splitNumber?: number;
40
+ tickWidth?: number;
41
+ tickLength?: number;
42
+ tickColor?: string;
43
+ lineOpacity?: number;
44
+ };
45
+ }
46
+ declare const StyleTwentySix: React.FC<StyleTwentySixProps>;
47
+ export default StyleTwentySix;
48
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleTwentySix/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,aAAa;AACb,UAAU,SAAS;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,gBAAgB;AAChB,UAAU,mBAAmB;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,MAAM,CAAC,EAAE;QACP,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,MAAM,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;KAC7C,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KAC7B,CAAC;IACF,cAAc,CAAC,EAAE;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;CACH;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA+NjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
@@ -0,0 +1,208 @@
1
+ import React from 'react';
2
+ interface DataItem {
3
+ value: number;
4
+ name: string;
5
+ color?: string;
6
+ }
7
+ interface StyleTwentyThreeProps {
8
+ className?: string;
9
+ style?: React.CSSProperties;
10
+ /** 图表元素自定义样式 */
11
+ chartStyle?: React.CSSProperties;
12
+ /** ECharts 渲染器,数据量大时推荐 canvas */
13
+ chartRenderer?: 'canvas' | 'svg';
14
+ /** 图表容器自定义样式 */
15
+ chartContainerStyle?: React.CSSProperties;
16
+ /** 图例容器自定义样式 */
17
+ legendContainerStyle?: React.CSSProperties;
18
+ /** 图例项容器自定义样式 */
19
+ legendItemStyle?: React.CSSProperties;
20
+ /** 图例项头部自定义样式 */
21
+ legendItemHeaderStyle?: React.CSSProperties;
22
+ /** 图例颜色块自定义样式 */
23
+ legendColorBlockStyle?: React.CSSProperties;
24
+ /** 图例名称自定义样式 */
25
+ legendNameStyle?: React.CSSProperties;
26
+ /** 图例L型线容器自定义样式 */
27
+ legendLineContainerStyle?: React.CSSProperties;
28
+ /** 图例横线自定义样式 */
29
+ legendLineHorizontalStyle?: React.CSSProperties;
30
+ /** 图例数据文本自定义样式 */
31
+ legendDataStyle?: React.CSSProperties;
32
+ /** 图例百分比自定义样式 */
33
+ legendPercentStyle?: React.CSSProperties;
34
+ /** 中心图片URL (优先级低于 centerConfig.image) */
35
+ centerImage?: string;
36
+ /** 主题色 (光晕/仪表盘颜色),默认 '#00f2fe' */
37
+ color?: string;
38
+ /** 图表数据 */
39
+ data?: DataItem[];
40
+ /** 颜色方案 (循环使用),默认 ['#FFFFFF', '#FFD700', '#00FA9A', '#1E90FF', '#00FFFF'] */
41
+ colors?: string[];
42
+ /** 显示在数值后的单位文本 */
43
+ unit?: string;
44
+ /** 中心标题配置 */
45
+ titleConfig?: {
46
+ /** 主标题文本 (数值) */
47
+ text?: string;
48
+ /** 副标题文本 (标签) */
49
+ label?: string;
50
+ /** 水平对齐方式,默认 'center' */
51
+ textAlign?: 'left' | 'center' | 'right';
52
+ /** 垂直对齐方式,默认 'middle' */
53
+ textVerticalAlign?: 'top' | 'middle' | 'bottom';
54
+ /** 层级,默认 11 */
55
+ z?: number;
56
+ /** 主标题样式配置 */
57
+ textStyle?: {
58
+ /** 文字颜色,默认 '#fff' */
59
+ color?: string;
60
+ /** 字体大小,默认 32 */
61
+ fontSize?: number;
62
+ /** 字体粗细,默认 'bold' */
63
+ fontWeight?: string | number;
64
+ /** 行高,默认 40 */
65
+ lineHeight?: number;
66
+ /** 文字对齐,默认 'center' */
67
+ align?: 'left' | 'center' | 'right';
68
+ [key: string]: any;
69
+ };
70
+ /** 副标题样式配置 */
71
+ labelStyle?: {
72
+ /** 文字颜色,默认 '#fff' */
73
+ color?: string;
74
+ /** 字体大小,默认 14 */
75
+ fontSize?: number;
76
+ /** 文字对齐,默认 'center' */
77
+ align?: 'left' | 'center' | 'right';
78
+ [key: string]: any;
79
+ };
80
+ /** 标题左侧位置 */
81
+ left?: string | number;
82
+ /** 标题顶部位置 */
83
+ top?: string | number;
84
+ [key: string]: any;
85
+ };
86
+ /** 图例配置 */
87
+ legendConfig?: {
88
+ /** 是否显示图例,默认 false */
89
+ show?: boolean;
90
+ /** 图例宽度,默认 220 */
91
+ width?: string | number;
92
+ /** 图例列数,默认 2 */
93
+ columns?: number;
94
+ /** 图例间距,默认 { column: 20, row: 20 } */
95
+ gap?: {
96
+ column?: number;
97
+ row?: number;
98
+ };
99
+ /** 图例项宽度,默认 12 (default) / 16 (simple) */
100
+ itemWidth?: number;
101
+ /** 图例项高度,默认 12 (default) / 16 (simple) */
102
+ itemHeight?: number;
103
+ /** 图例文字样式 */
104
+ textStyle?: any;
105
+ /** 图例类型: default=L型样式, simple=简单横向样式,默认 'default' */
106
+ type?: 'default' | 'simple';
107
+ /** 图例虚拟滚动配置,数据量大时只渲染可视区域附近的条目 */
108
+ virtual?: {
109
+ /** 是否启用虚拟滚动 */
110
+ enabled?: boolean;
111
+ /** 单条图例占用高度,单位 px */
112
+ itemHeight?: number;
113
+ /** 可视区域上下额外渲染条数 */
114
+ overscan?: number;
115
+ };
116
+ };
117
+ /** 饼图布局配置 */
118
+ pieConfig?: {
119
+ /** 圆心位置,默认 ['50%', '50%'] */
120
+ center?: [string | number, string | number];
121
+ /** 半径配置 */
122
+ radius?: {
123
+ /** 外圈数据环半径,默认 ['74%', '88%'] */
124
+ outer?: [string | number, string | number];
125
+ /** 内圈数据环半径,默认 ['58%', '68%'] */
126
+ inner?: [string | number, string | number];
127
+ /** 背景光晕环半径,默认 ['50%', '90%'] */
128
+ halo?: [string | number, string | number];
129
+ };
130
+ /** 扇区间隔角度,默认 5 */
131
+ padAngle?: number;
132
+ };
133
+ /** 中心装饰配置 */
134
+ centerConfig?: {
135
+ /** 中心图片URL */
136
+ image?: string;
137
+ /** 中心图片尺寸,默认 135 */
138
+ imageSize?: number;
139
+ /** 中心图片层级,默认 10 */
140
+ imageZ?: number;
141
+ /** 中心图片是否静默(不响应鼠标事件),默认 true */
142
+ imageSilent?: boolean;
143
+ /** 无图片时的中心圆外半径,默认 '50%' */
144
+ radius?: string | number;
145
+ /** 无图片时的中心圆内半径,默认 '0%' */
146
+ innerRadius?: string | number;
147
+ /** 中心装饰是否静默,默认 true */
148
+ silent?: boolean;
149
+ /** 渐变配置 */
150
+ gradient?: {
151
+ /** 渐变色阶,默认从透明到主题色 */
152
+ colorStops?: Array<{
153
+ offset: number;
154
+ color: string;
155
+ }>;
156
+ };
157
+ /** 仪表盘配置 */
158
+ gauge?: {
159
+ /** 起始角度,默认 90 */
160
+ startAngle?: number;
161
+ /** 结束角度,默认 -269.9 */
162
+ endAngle?: number;
163
+ /** 分段数,默认 1 */
164
+ splitNumber?: number;
165
+ /** 轴线宽度,默认 1 */
166
+ lineWidth?: number;
167
+ /** 轴线透明度,默认 0.5 */
168
+ lineOpacity?: number;
169
+ };
170
+ };
171
+ /** 系列样式配置 */
172
+ seriesConfig?: {
173
+ /** 背景光晕配置 */
174
+ halo?: {
175
+ /** 是否静默(不响应鼠标事件),默认 true */
176
+ silent?: boolean;
177
+ /** 透明度,默认 0 */
178
+ opacity?: number;
179
+ /** 层级,默认 0 */
180
+ z?: number;
181
+ };
182
+ /** 数据环配置 */
183
+ dataRing?: {
184
+ /** 系列名称,默认 'Access From' */
185
+ name?: string;
186
+ /** 是否启用防止标签重叠策略,默认 false */
187
+ avoidLabelOverlap?: boolean;
188
+ /** 扇区圆角半径,默认 0 */
189
+ borderRadius?: number;
190
+ /** 阴影模糊大小,默认 10 */
191
+ shadowBlur?: number;
192
+ /** 外圈透明度,默认 0.8 */
193
+ outerOpacity?: number;
194
+ /** 内圈透明度,默认 0.2 */
195
+ innerOpacity?: number;
196
+ /** 高亮效果配置 */
197
+ emphasis?: {
198
+ /** 是否开启缩放,默认 true */
199
+ scale?: boolean;
200
+ /** 缩放大小,默认 10 */
201
+ scaleSize?: number;
202
+ };
203
+ };
204
+ };
205
+ }
206
+ declare const StyleTwentyThree: React.FC<StyleTwentyThreeProps>;
207
+ export default StyleTwentyThree;
208
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleTwentyThree/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,86 @@
1
+ import React from 'react';
2
+ /** 系列数据接口 */
3
+ interface SeriesData {
4
+ name: string;
5
+ data: number[];
6
+ }
7
+ /** 图表数据接口 */
8
+ interface ChartData {
9
+ categories: string[];
10
+ series: SeriesData[];
11
+ }
12
+ /** 渐变色停止点接口 */
13
+ interface ColorStops {
14
+ offset: number;
15
+ color: string;
16
+ }
17
+ /** 渐变色配置接口 */
18
+ interface GradientColor {
19
+ type: string;
20
+ x: number;
21
+ y: number;
22
+ x2: number;
23
+ y2: number;
24
+ colorStops: ColorStops[];
25
+ global: boolean;
26
+ }
27
+ /** 系列颜色配置接口 */
28
+ interface SeriesColorConfig {
29
+ body?: GradientColor | string;
30
+ top?: string;
31
+ bottom?: string;
32
+ }
33
+ /** 颜色配置接口 */
34
+ interface ColorsConfig {
35
+ series1?: SeriesColorConfig;
36
+ series2?: SeriesColorConfig;
37
+ }
38
+ /** 3D柱状图组件属性 */
39
+ interface StyleTwentyTwoProps {
40
+ className?: string;
41
+ style?: React.CSSProperties;
42
+ chartStyle?: React.CSSProperties;
43
+ data?: ChartData;
44
+ unit?: string;
45
+ colors?: ColorsConfig;
46
+ grid?: {
47
+ top?: string | number;
48
+ left?: string | number;
49
+ right?: string | number;
50
+ bottom?: string | number;
51
+ containLabel?: boolean;
52
+ };
53
+ legendConfig?: {
54
+ show?: boolean;
55
+ top?: string | number;
56
+ right?: string | number;
57
+ textStyle?: {
58
+ color?: string;
59
+ fontSize?: number;
60
+ };
61
+ };
62
+ tooltipConfig?: {
63
+ trigger?: string;
64
+ formatter?: (params: any) => string;
65
+ };
66
+ yAxisConfig?: {
67
+ nameTextStyle?: {
68
+ color?: string;
69
+ fontSize?: number;
70
+ padding?: number[];
71
+ };
72
+ splitLine?: {
73
+ show?: boolean;
74
+ lineStyle?: {
75
+ color?: string;
76
+ };
77
+ };
78
+ axisLabel?: {
79
+ color?: string;
80
+ fontSize?: number;
81
+ };
82
+ };
83
+ }
84
+ declare const StyleTwentyTwo: React.FC<StyleTwentyTwoProps>;
85
+ export default StyleTwentyTwo;
86
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleTwentyTwo/index.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,20 @@
1
+ import { CSSProperties } from 'react';
2
+ /** 样式化进度条组件属性 */
3
+ export interface StyledProgressBarProps {
4
+ showCorners?: boolean;
5
+ wrapperStyle?: CSSProperties;
6
+ percentage: number;
7
+ showDot?: boolean;
8
+ height?: number;
9
+ trackColor?: string;
10
+ fillGradient?: string;
11
+ borderColor?: string;
12
+ cornerColor?: string;
13
+ style?: CSSProperties;
14
+ trackStyle?: CSSProperties;
15
+ fillStyle?: CSSProperties;
16
+ dotStyle?: CSSProperties;
17
+ }
18
+ declare const StyledProgressBar: ({ percentage, showDot, showCorners, height, trackColor, fillGradient, cornerColor, borderColor, style, wrapperStyle, trackStyle, fillStyle, dotStyle, }: StyledProgressBarProps) => import("react/jsx-runtime").JSX.Element;
19
+ export default StyledProgressBar;
20
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyledProgressBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,iBAAiB;AACjB,MAAM,WAAW,sBAAsB;IACrC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B;AAED,QAAA,MAAM,iBAAiB,4JAcpB,sBAAsB,4CAsCxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
@@ -0,0 +1,19 @@
1
+ import { CSSProperties } from 'react';
2
+ /** 选项对象类型 */
3
+ export interface TabOption<T = string> {
4
+ label: string;
5
+ value: T;
6
+ }
7
+ /** 选项卡按钮组属性 */
8
+ interface TabButtonsProps<T = string> {
9
+ options: string[] | Array<TabOption<T>>;
10
+ value?: T;
11
+ onChange: (value: T) => void;
12
+ style?: CSSProperties;
13
+ className?: string;
14
+ buttonClassName?: string;
15
+ buttonStyle?: CSSProperties;
16
+ }
17
+ declare const TabButtons: <T extends string = string>({ options, value, onChange, style, className, buttonClassName, buttonStyle, }: TabButtonsProps<T>) => import("react/jsx-runtime").JSX.Element;
18
+ export default TabButtons;
19
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/TabButtons/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGtC,aAAa;AACb,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,MAAM;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,CAAC,CAAC;CACV;AAED,eAAe;AACf,UAAU,eAAe,CAAC,CAAC,GAAG,MAAM;IAClC,OAAO,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,CAAC,CAAC;IACV,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,aAAa,CAAC;CAC7B;AAED,QAAA,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,0FAQjC,eAAe,CAAC,CAAC,CAAC,4CAsBpB,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -0,0 +1,47 @@
1
+ import React from 'react';
2
+ /** 科技感面板组件属性 */
3
+ export interface TechPanelProps {
4
+ /** 主题色,用于边框、角标和进度条 */
5
+ color?: string;
6
+ /** 标签文字 */
7
+ label?: string;
8
+ /** 数值,默认同时作为展示值和进度值 */
9
+ value?: number;
10
+ /** 独立进度值,未传时使用 value */
11
+ progressValue?: number;
12
+ /** 自定义数值展示,未传时展示百分比 */
13
+ valueFormatter?: (value: number) => React.ReactNode;
14
+ /** 图标,支持 React 元素或图片路径 */
15
+ icon?: React.ReactNode | string;
16
+ /** 外层容器自定义样式 */
17
+ style?: React.CSSProperties;
18
+ /** 进度条总块数,默认 20 */
19
+ totalBlocks?: number;
20
+ /** 背景图片 URL */
21
+ backgroundImage?: string;
22
+ /** 图标容器自定义样式 */
23
+ iconStyle?: React.CSSProperties;
24
+ /** SVG 边框自定义样式 */
25
+ svgStyle?: React.CSSProperties;
26
+ /** 边框自定义样式 */
27
+ borderStyle?: React.CSSProperties;
28
+ /** 四角装饰自定义样式 */
29
+ cornerStyle?: React.CSSProperties;
30
+ /** 内容包裹层自定义样式 */
31
+ contentWrapperStyle?: React.CSSProperties;
32
+ /** 信息区域自定义样式 */
33
+ infoStyle?: React.CSSProperties;
34
+ /** 头部区域自定义样式 */
35
+ headerStyle?: React.CSSProperties;
36
+ /** 标签文字自定义样式 */
37
+ labelStyle?: React.CSSProperties;
38
+ /** 数值文字自定义样式 */
39
+ valueStyle?: React.CSSProperties;
40
+ /** 进度条容器自定义样式 */
41
+ progressBarStyle?: React.CSSProperties;
42
+ /** 进度条单个块自定义样式 */
43
+ blockStyle?: React.CSSProperties;
44
+ }
45
+ declare const TechPanel: React.FC<TechPanelProps>;
46
+ export default TechPanel;
47
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/TechPanel/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,gBAAgB;AAChB,MAAM,WAAW,cAAc;IAC7B,sBAAsB;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uBAAuB;IACvB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IACpD,0BAA0B;IAC1B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IAChC,gBAAgB;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,mBAAmB;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,kBAAkB;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC/B,cAAc;IACd,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,gBAAgB;IAChB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,iBAAiB;IACjB,mBAAmB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC1C,gBAAgB;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,gBAAgB;IAChB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,gBAAgB;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,gBAAgB;IAChB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,iBAAiB;IACjB,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACvC,kBAAkB;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAClC;AAWD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAiLvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -0,0 +1,6 @@
1
+ /**
2
+ * 将图表数据转换为 Tooltip 可展示文本。
3
+ * 空值保留为空字符串,避免在大屏中直接暴露 `null` 或 `undefined`。
4
+ */
5
+ export declare const formatTooltipValue: (value: unknown) => string;
6
+ //# sourceMappingURL=formatTooltipValue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"formatTooltipValue.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/formatTooltipValue.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,eAAO,MAAM,kBAAkB,UAAW,OAAO,KAAG,MAInD,CAAC"}