@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.
- package/LICENSE +15 -0
- package/README.md +46 -0
- package/dist/components/Chart/Bar/index.d.ts +38 -0
- package/dist/components/Chart/Bar/index.d.ts.map +1 -0
- package/dist/components/Chart/CapsuleSwitch/index.d.ts +20 -0
- package/dist/components/Chart/CapsuleSwitch/index.d.ts.map +1 -0
- package/dist/components/Chart/CircleProgress/index.d.ts +138 -0
- package/dist/components/Chart/CircleProgress/index.d.ts.map +1 -0
- package/dist/components/Chart/CodeBlock/index.d.ts +19 -0
- package/dist/components/Chart/CodeBlock/index.d.ts.map +1 -0
- package/dist/components/Chart/DataDisplayItem/index.d.ts +26 -0
- package/dist/components/Chart/DataDisplayItem/index.d.ts.map +1 -0
- package/dist/components/Chart/EnergyCardGrid/index.d.ts +38 -0
- package/dist/components/Chart/EnergyCardGrid/index.d.ts.map +1 -0
- package/dist/components/Chart/Gauge/index.d.ts +30 -0
- package/dist/components/Chart/Gauge/index.d.ts.map +1 -0
- package/dist/components/Chart/HologramBase/index.d.ts +19 -0
- package/dist/components/Chart/HologramBase/index.d.ts.map +1 -0
- package/dist/components/Chart/InspectionDuration/index.d.ts +20 -0
- package/dist/components/Chart/InspectionDuration/index.d.ts.map +1 -0
- package/dist/components/Chart/InspectionPieChart/index.d.ts +77 -0
- package/dist/components/Chart/InspectionPieChart/index.d.ts.map +1 -0
- package/dist/components/Chart/LiquidGauge/index.d.ts +23 -0
- package/dist/components/Chart/LiquidGauge/index.d.ts.map +1 -0
- package/dist/components/Chart/PeakCard/index.d.ts +27 -0
- package/dist/components/Chart/PeakCard/index.d.ts.map +1 -0
- package/dist/components/Chart/PeakValleyElectricityLineChart/index.d.ts +37 -0
- package/dist/components/Chart/PeakValleyElectricityLineChart/index.d.ts.map +1 -0
- package/dist/components/Chart/Pie3D/index.d.ts +190 -0
- package/dist/components/Chart/Pie3D/index.d.ts.map +1 -0
- package/dist/components/Chart/PolarRingChart/index.d.ts +64 -0
- package/dist/components/Chart/PolarRingChart/index.d.ts.map +1 -0
- package/dist/components/Chart/Pyramid3D/index.d.ts +195 -0
- package/dist/components/Chart/Pyramid3D/index.d.ts.map +1 -0
- package/dist/components/Chart/RingProgress/index.d.ts +41 -0
- package/dist/components/Chart/RingProgress/index.d.ts.map +1 -0
- package/dist/components/Chart/StatCard/StatCard.d.ts +70 -0
- package/dist/components/Chart/StatCard/StatCard.d.ts.map +1 -0
- package/dist/components/Chart/StatsCard/index.d.ts +58 -0
- package/dist/components/Chart/StatsCard/index.d.ts.map +1 -0
- package/dist/components/Chart/StatusItem/index.d.ts +26 -0
- package/dist/components/Chart/StatusItem/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleEight/index.d.ts +15 -0
- package/dist/components/Chart/StyleEight/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleEighteen/index.d.ts +61 -0
- package/dist/components/Chart/StyleEighteen/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleEleven/index.d.ts +71 -0
- package/dist/components/Chart/StyleEleven/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleFifteen/index.d.ts +49 -0
- package/dist/components/Chart/StyleFifteen/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleForty/index.d.ts +45 -0
- package/dist/components/Chart/StyleForty/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleFortyOne/index.d.ts +123 -0
- package/dist/components/Chart/StyleFortyOne/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleFourteen/index.d.ts +58 -0
- package/dist/components/Chart/StyleFourteen/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleNine/index.d.ts +45 -0
- package/dist/components/Chart/StyleNine/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleSeventeen/index.d.ts +70 -0
- package/dist/components/Chart/StyleSeventeen/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleSixteen/index.d.ts +58 -0
- package/dist/components/Chart/StyleSixteen/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTen/index.d.ts +124 -0
- package/dist/components/Chart/StyleTen/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleThirteen/index.d.ts +63 -0
- package/dist/components/Chart/StyleThirteen/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleThirty/index.d.ts +68 -0
- package/dist/components/Chart/StyleThirty/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleThirtyEight/index.d.ts +94 -0
- package/dist/components/Chart/StyleThirtyEight/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleThirtyFive/index.d.ts +42 -0
- package/dist/components/Chart/StyleThirtyFive/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleThirtyFour/index.d.ts +72 -0
- package/dist/components/Chart/StyleThirtyFour/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleThirtyNine/index.d.ts +51 -0
- package/dist/components/Chart/StyleThirtyNine/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleThirtyOne/index.d.ts +43 -0
- package/dist/components/Chart/StyleThirtyOne/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleThirtySeven/index.d.ts +90 -0
- package/dist/components/Chart/StyleThirtySeven/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleThirtySix/index.d.ts +50 -0
- package/dist/components/Chart/StyleThirtySix/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleThirtyThree/index.d.ts +32 -0
- package/dist/components/Chart/StyleThirtyThree/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleThirtyTwo/index.d.ts +36 -0
- package/dist/components/Chart/StyleThirtyTwo/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTwelve/index.d.ts +70 -0
- package/dist/components/Chart/StyleTwelve/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTwenty/index.d.ts +42 -0
- package/dist/components/Chart/StyleTwenty/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTwentyEight/index.d.ts +78 -0
- package/dist/components/Chart/StyleTwentyEight/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTwentyFive/index.d.ts +60 -0
- package/dist/components/Chart/StyleTwentyFive/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTwentyFour/index.d.ts +81 -0
- package/dist/components/Chart/StyleTwentyFour/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTwentyNine/index.d.ts +35 -0
- package/dist/components/Chart/StyleTwentyNine/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTwentyOne/index.d.ts +42 -0
- package/dist/components/Chart/StyleTwentyOne/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTwentySeven/index.d.ts +51 -0
- package/dist/components/Chart/StyleTwentySeven/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTwentySix/index.d.ts +48 -0
- package/dist/components/Chart/StyleTwentySix/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTwentyThree/index.d.ts +208 -0
- package/dist/components/Chart/StyleTwentyThree/index.d.ts.map +1 -0
- package/dist/components/Chart/StyleTwentyTwo/index.d.ts +86 -0
- package/dist/components/Chart/StyleTwentyTwo/index.d.ts.map +1 -0
- package/dist/components/Chart/StyledProgressBar/index.d.ts +20 -0
- package/dist/components/Chart/StyledProgressBar/index.d.ts.map +1 -0
- package/dist/components/Chart/TabButtons/index.d.ts +19 -0
- package/dist/components/Chart/TabButtons/index.d.ts.map +1 -0
- package/dist/components/Chart/TechPanel/index.d.ts +47 -0
- package/dist/components/Chart/TechPanel/index.d.ts.map +1 -0
- package/dist/components/Chart/formatTooltipValue.d.ts +6 -0
- package/dist/components/Chart/formatTooltipValue.d.ts.map +1 -0
- package/dist/index.cjs +13 -0
- package/dist/index.d.ts +115 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +9559 -0
- package/dist/style.css +1 -0
- package/dist/utils/echartsGL.d.ts +5 -0
- package/dist/utils/echartsGL.d.ts.map +1 -0
- package/package.json +55 -0
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface SeriesData {
|
|
3
|
+
name: string;
|
|
4
|
+
data: number[];
|
|
5
|
+
color?: string;
|
|
6
|
+
}
|
|
7
|
+
interface StyleSixteenProps {
|
|
8
|
+
style?: React.CSSProperties;
|
|
9
|
+
chartStyle?: React.CSSProperties;
|
|
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
|
+
lineConfig?: {
|
|
28
|
+
width?: number;
|
|
29
|
+
symbolSize?: number;
|
|
30
|
+
smooth?: boolean;
|
|
31
|
+
};
|
|
32
|
+
/** 标签配置 (最高点) */
|
|
33
|
+
labelConfig?: {
|
|
34
|
+
color?: string;
|
|
35
|
+
fontSize?: number;
|
|
36
|
+
fontWeight?: string | number;
|
|
37
|
+
formatter?: string | ((value: any) => string);
|
|
38
|
+
};
|
|
39
|
+
/** 坐标轴配置 */
|
|
40
|
+
axisConfig?: {
|
|
41
|
+
xAxisLineColor?: string;
|
|
42
|
+
xAxisLabelColor?: string;
|
|
43
|
+
xAxisLabelFontSize?: number;
|
|
44
|
+
yAxisLabelColor?: string;
|
|
45
|
+
yAxisLabelFontSize?: number;
|
|
46
|
+
splitLineColor?: string;
|
|
47
|
+
splitLineType?: 'solid' | 'dashed' | 'dotted';
|
|
48
|
+
};
|
|
49
|
+
/** 提示框配置 */
|
|
50
|
+
tooltipConfig?: {
|
|
51
|
+
show?: boolean;
|
|
52
|
+
trigger?: 'item' | 'axis' | 'none';
|
|
53
|
+
[key: string]: any;
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
declare const StyleSixteen: React.FC<StyleSixteenProps>;
|
|
57
|
+
export default StyleSixteen;
|
|
58
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleSixteen/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,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,WAAW;IACX,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,UAAU,CAAC,EAAE;QACX,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;IACF,iBAAiB;IACjB,WAAW,CAAC,EAAE;QACZ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAC,CAAC;KAC/C,CAAC;IACF,YAAY;IACZ,UAAU,CAAC,EAAE;QACX,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,aAAa,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;KAC/C,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,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA0I7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface StyleTenProps {
|
|
3
|
+
style?: React.CSSProperties;
|
|
4
|
+
chartStyle?: React.CSSProperties;
|
|
5
|
+
/** 中心图片URL */
|
|
6
|
+
centerImage?: string;
|
|
7
|
+
color?: string;
|
|
8
|
+
/** 图表数据 */
|
|
9
|
+
data?: {
|
|
10
|
+
value: number;
|
|
11
|
+
name: string;
|
|
12
|
+
}[];
|
|
13
|
+
/** 数值单位,默认为 % */
|
|
14
|
+
unit?: string;
|
|
15
|
+
/** 颜色配置数组 */
|
|
16
|
+
colors?: string[];
|
|
17
|
+
/** 标题配置 */
|
|
18
|
+
title?: {
|
|
19
|
+
/** 标题文本,支持富文本格式,如 '{val|100%}{arrow|↓}' */
|
|
20
|
+
text?: string;
|
|
21
|
+
/** 字体大小 */
|
|
22
|
+
fontSize?: number;
|
|
23
|
+
/** 字体颜色 */
|
|
24
|
+
color?: string;
|
|
25
|
+
/** 字体粗细 */
|
|
26
|
+
fontWeight?: string | number;
|
|
27
|
+
/** 箭头颜色 */
|
|
28
|
+
arrowColor?: string;
|
|
29
|
+
/** 箭头大小 */
|
|
30
|
+
arrowFontSize?: number;
|
|
31
|
+
/** 左侧距离,支持百分比或像素数值 */
|
|
32
|
+
left?: string | number;
|
|
33
|
+
/** 顶部距离,支持百分比或像素数值 */
|
|
34
|
+
top?: string | number;
|
|
35
|
+
};
|
|
36
|
+
/** 图例配置 */
|
|
37
|
+
legend?: {
|
|
38
|
+
/** 是否显示图例 */
|
|
39
|
+
show?: boolean;
|
|
40
|
+
/** 右侧距离 */
|
|
41
|
+
right?: string | number;
|
|
42
|
+
/** 顶部距离 */
|
|
43
|
+
top?: string | number;
|
|
44
|
+
/** 图例项间隔 */
|
|
45
|
+
itemGap?: number;
|
|
46
|
+
/** 图例图标宽度 */
|
|
47
|
+
itemWidth?: number;
|
|
48
|
+
/** 图例图标高度 */
|
|
49
|
+
itemHeight?: number;
|
|
50
|
+
/** 图例文本样式 */
|
|
51
|
+
textStyle?: {
|
|
52
|
+
/** 默认文本颜色 */
|
|
53
|
+
color?: string;
|
|
54
|
+
/** 默认字体大小 */
|
|
55
|
+
fontSize?: number;
|
|
56
|
+
/** 名称颜色 */
|
|
57
|
+
nameColor?: string;
|
|
58
|
+
/** 数值颜色 */
|
|
59
|
+
valueColor?: string;
|
|
60
|
+
/** 名称字体大小 */
|
|
61
|
+
nameFontSize?: number;
|
|
62
|
+
/** 数值字体大小 */
|
|
63
|
+
valueFontSize?: number;
|
|
64
|
+
/** 名称宽度,用于对齐 */
|
|
65
|
+
nameWidth?: number;
|
|
66
|
+
/** 名称内边距 [上, 右, 下, 左] */
|
|
67
|
+
namePadding?: number[];
|
|
68
|
+
};
|
|
69
|
+
/** 自定义图例格式化函数 */
|
|
70
|
+
formatter?: (name: string) => string;
|
|
71
|
+
};
|
|
72
|
+
/** 图表布局配置 */
|
|
73
|
+
chart?: {
|
|
74
|
+
/** 圆心坐标 [x, y] */
|
|
75
|
+
center?: [string | number, string | number];
|
|
76
|
+
/** 饼图半径 [内半径, 外半径] */
|
|
77
|
+
radius?: [string | number, string | number];
|
|
78
|
+
/** 背景环半径 [内半径, 外半径] */
|
|
79
|
+
backgroundRadius?: [string | number, string | number];
|
|
80
|
+
/** 中心图片大小 */
|
|
81
|
+
imgSize?: number;
|
|
82
|
+
/** 扇区间隔角度 */
|
|
83
|
+
padAngle?: number;
|
|
84
|
+
/** 中心装饰半径 (无图片时),默认为 40% */
|
|
85
|
+
centerRadius?: string | number;
|
|
86
|
+
};
|
|
87
|
+
/** 背景环配置 */
|
|
88
|
+
backgroundRing?: {
|
|
89
|
+
/** 背景环颜色 */
|
|
90
|
+
color?: string;
|
|
91
|
+
};
|
|
92
|
+
/** 旋转装饰环配置 */
|
|
93
|
+
rotatingRing?: {
|
|
94
|
+
/** 装饰环颜色 */
|
|
95
|
+
color?: string;
|
|
96
|
+
/** 线条宽度 */
|
|
97
|
+
lineWidth?: number;
|
|
98
|
+
/** 阴影模糊大小 */
|
|
99
|
+
shadowBlur?: number;
|
|
100
|
+
/** 半径因子 (相对于minSize/2的比例) */
|
|
101
|
+
radiusFactor?: number;
|
|
102
|
+
/** 旋转动画时长(ms) */
|
|
103
|
+
duration?: number;
|
|
104
|
+
};
|
|
105
|
+
/** 饼图样式配置 */
|
|
106
|
+
pie?: {
|
|
107
|
+
/** 边框宽度 */
|
|
108
|
+
borderWidth?: number;
|
|
109
|
+
/** 阴影模糊大小 */
|
|
110
|
+
shadowBlur?: number;
|
|
111
|
+
/** 渐变透明度 (0-1) */
|
|
112
|
+
gradientOpacity?: number;
|
|
113
|
+
};
|
|
114
|
+
/** 提示框配置 */
|
|
115
|
+
tooltip?: {
|
|
116
|
+
/** 是否显示提示框 */
|
|
117
|
+
show?: boolean;
|
|
118
|
+
/** 自定义提示框格式化函数 */
|
|
119
|
+
formatter?: (params: any) => string;
|
|
120
|
+
};
|
|
121
|
+
}
|
|
122
|
+
declare const StyleTen: React.FC<StyleTenProps>;
|
|
123
|
+
export default StyleTen;
|
|
124
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleTen/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface StyleThirteenProps {
|
|
3
|
+
style?: React.CSSProperties;
|
|
4
|
+
chartStyle?: React.CSSProperties;
|
|
5
|
+
data?: {
|
|
6
|
+
indicators: {
|
|
7
|
+
name: string;
|
|
8
|
+
max?: number;
|
|
9
|
+
}[];
|
|
10
|
+
series: {
|
|
11
|
+
name: string;
|
|
12
|
+
value: number[];
|
|
13
|
+
}[];
|
|
14
|
+
};
|
|
15
|
+
/** 线条颜色配置 */
|
|
16
|
+
colors?: string[];
|
|
17
|
+
/** 区域颜色配置 */
|
|
18
|
+
areaColors?: string[];
|
|
19
|
+
/** 雷达图配置 */
|
|
20
|
+
radarConfig?: {
|
|
21
|
+
center?: [string | number, string | number];
|
|
22
|
+
radius?: string | number;
|
|
23
|
+
splitNumber?: number;
|
|
24
|
+
axisName?: {
|
|
25
|
+
color?: string;
|
|
26
|
+
fontSize?: number;
|
|
27
|
+
[key: string]: any;
|
|
28
|
+
};
|
|
29
|
+
splitLineColor?: string;
|
|
30
|
+
axisLineColor?: string;
|
|
31
|
+
[key: string]: any;
|
|
32
|
+
};
|
|
33
|
+
/** 单位 */
|
|
34
|
+
unit?: string;
|
|
35
|
+
/** 图例配置 */
|
|
36
|
+
legendConfig?: {
|
|
37
|
+
show?: boolean;
|
|
38
|
+
right?: string | number;
|
|
39
|
+
top?: string | number;
|
|
40
|
+
textStyle?: {
|
|
41
|
+
color?: string;
|
|
42
|
+
fontSize?: number;
|
|
43
|
+
[key: string]: any;
|
|
44
|
+
};
|
|
45
|
+
[key: string]: any;
|
|
46
|
+
};
|
|
47
|
+
/** Tooltip配置 */
|
|
48
|
+
tooltipConfig?: {
|
|
49
|
+
show?: boolean;
|
|
50
|
+
trigger?: 'item' | 'axis' | 'none';
|
|
51
|
+
[key: string]: any;
|
|
52
|
+
};
|
|
53
|
+
/** 系列配置 */
|
|
54
|
+
seriesConfig?: {
|
|
55
|
+
symbol?: string;
|
|
56
|
+
symbolSize?: number;
|
|
57
|
+
lineWidth?: number;
|
|
58
|
+
[key: string]: any;
|
|
59
|
+
};
|
|
60
|
+
}
|
|
61
|
+
declare const StyleThirteen: React.FC<StyleThirteenProps>;
|
|
62
|
+
export default StyleThirteen;
|
|
63
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleThirteen/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE;QACL,UAAU,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,GAAG,CAAC,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;QAC7C,MAAM,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,EAAE,CAAA;SAAE,EAAE,CAAC;KAC7C,CAAC;IACF,aAAa;IACb,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,aAAa;IACb,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,YAAY;IACZ,WAAW,CAAC,EAAE;QACZ,MAAM,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;QAC5C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,QAAQ,CAAC,EAAE;YACT,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;SACpB,CAAC;QACF,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;IACF,SAAS;IACT,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,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;YACV,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;SACpB,CAAC;QACF,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;IACF,gBAAgB;IAChB,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;IACF,WAAW;IACX,YAAY,CAAC,EAAE;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;CACH;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAgI/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface StyleThirtyDataItem {
|
|
3
|
+
name: string;
|
|
4
|
+
value: number;
|
|
5
|
+
itemStyle?: any;
|
|
6
|
+
}
|
|
7
|
+
export interface StyleThirtyProps {
|
|
8
|
+
className?: string;
|
|
9
|
+
style?: React.CSSProperties;
|
|
10
|
+
chartStyle?: React.CSSProperties;
|
|
11
|
+
data?: StyleThirtyDataItem[];
|
|
12
|
+
titleConfig?: {
|
|
13
|
+
text?: string;
|
|
14
|
+
textStyle?: {
|
|
15
|
+
color?: string;
|
|
16
|
+
fontSize?: number;
|
|
17
|
+
};
|
|
18
|
+
left?: string | number;
|
|
19
|
+
top?: string | number;
|
|
20
|
+
};
|
|
21
|
+
grid?: {
|
|
22
|
+
top?: string | number;
|
|
23
|
+
left?: string | number;
|
|
24
|
+
right?: string | number;
|
|
25
|
+
bottom?: string | number;
|
|
26
|
+
containLabel?: boolean;
|
|
27
|
+
};
|
|
28
|
+
axisConfig?: {
|
|
29
|
+
xAxis?: {
|
|
30
|
+
axisLabel?: {
|
|
31
|
+
color?: string;
|
|
32
|
+
fontSize?: number;
|
|
33
|
+
margin?: number;
|
|
34
|
+
};
|
|
35
|
+
axisLine?: {
|
|
36
|
+
lineStyle?: {
|
|
37
|
+
color?: string;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
yAxis?: {
|
|
42
|
+
axisLabel?: {
|
|
43
|
+
color?: string;
|
|
44
|
+
};
|
|
45
|
+
splitLine?: {
|
|
46
|
+
show?: boolean;
|
|
47
|
+
lineStyle?: {
|
|
48
|
+
color?: string;
|
|
49
|
+
type?: string;
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
};
|
|
54
|
+
seriesConfig?: {
|
|
55
|
+
name?: string;
|
|
56
|
+
barCategoryGap?: string;
|
|
57
|
+
symbol?: string;
|
|
58
|
+
itemStyle?: any;
|
|
59
|
+
};
|
|
60
|
+
tooltipConfig?: any;
|
|
61
|
+
highlightConfig?: {
|
|
62
|
+
index?: number;
|
|
63
|
+
itemStyle?: any;
|
|
64
|
+
};
|
|
65
|
+
}
|
|
66
|
+
declare const StyleThirty: React.FC<StyleThirtyProps>;
|
|
67
|
+
export default StyleThirty;
|
|
68
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleThirty/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,GAAG,CAAC;CACjB;AAGD,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAE7B,WAAW,CAAC,EAAE;QACZ,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAC;YAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAClD,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACvB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IAEF,IAAI,CAAC,EAAE;QACL,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,YAAY,CAAC,EAAE,OAAO,CAAC;KACxB,CAAC;IAEF,UAAU,CAAC,EAAE;QACX,KAAK,CAAC,EAAE;YACN,SAAS,CAAC,EAAE;gBAAE,KAAK,CAAC,EAAE,MAAM,CAAC;gBAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAAC,MAAM,CAAC,EAAE,MAAM,CAAA;aAAE,CAAC;YACnE,QAAQ,CAAC,EAAE;gBAAE,SAAS,CAAC,EAAE;oBAAE,KAAK,CAAC,EAAE,MAAM,CAAA;iBAAE,CAAA;aAAE,CAAC;SAC/C,CAAC;QACF,KAAK,CAAC,EAAE;YACN,SAAS,CAAC,EAAE;gBAAE,KAAK,CAAC,EAAE,MAAM,CAAA;aAAE,CAAC;YAC/B,SAAS,CAAC,EAAE;gBAAE,IAAI,CAAC,EAAE,OAAO,CAAC;gBAAC,SAAS,CAAC,EAAE;oBAAE,KAAK,CAAC,EAAE,MAAM,CAAC;oBAAC,IAAI,CAAC,EAAE,MAAM,CAAA;iBAAE,CAAA;aAAE,CAAC;SAC/E,CAAC;KACH,CAAC;IAEF,YAAY,CAAC,EAAE;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,GAAG,CAAC;KACjB,CAAC;IACF,aAAa,CAAC,EAAE,GAAG,CAAC;IAEpB,eAAe,CAAC,EAAE;QAChB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,SAAS,CAAC,EAAE,GAAG,CAAC;KACjB,CAAC;CACH;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA6I3C,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import * as echarts from 'echarts';
|
|
3
|
+
interface StyleThirtyEightProps {
|
|
4
|
+
style?: React.CSSProperties;
|
|
5
|
+
chartStyle?: React.CSSProperties;
|
|
6
|
+
data?: {
|
|
7
|
+
categories: string[];
|
|
8
|
+
values: number[];
|
|
9
|
+
};
|
|
10
|
+
unit?: string;
|
|
11
|
+
colors?: {
|
|
12
|
+
barTop?: string;
|
|
13
|
+
barBottomFrom?: string;
|
|
14
|
+
barBottomTo?: string;
|
|
15
|
+
};
|
|
16
|
+
axisConfig?: {
|
|
17
|
+
xAxisLineColor?: string;
|
|
18
|
+
xAxisLabelColor?: string;
|
|
19
|
+
xAxisLabelFontSize?: number;
|
|
20
|
+
xAxisLabelMargin?: number;
|
|
21
|
+
yAxisLabelColor?: string;
|
|
22
|
+
splitLineColor?: string;
|
|
23
|
+
yAxisLineShow?: boolean;
|
|
24
|
+
yAxisLineColor?: string;
|
|
25
|
+
};
|
|
26
|
+
grid?: {
|
|
27
|
+
top?: string | number;
|
|
28
|
+
left?: string | number;
|
|
29
|
+
right?: string | number;
|
|
30
|
+
bottom?: string | number;
|
|
31
|
+
containLabel?: boolean;
|
|
32
|
+
};
|
|
33
|
+
yAxisLeft?: {
|
|
34
|
+
labelColor?: string;
|
|
35
|
+
labelFontSize?: number;
|
|
36
|
+
labelMargin?: number;
|
|
37
|
+
splitLineColor?: string;
|
|
38
|
+
splitLineShow?: boolean;
|
|
39
|
+
axisLineShow?: boolean;
|
|
40
|
+
axisLineColor?: string;
|
|
41
|
+
namePadding?: [number, number, number, number];
|
|
42
|
+
nameAlign?: 'left' | 'right';
|
|
43
|
+
formatter?: (value: number) => string;
|
|
44
|
+
};
|
|
45
|
+
yAxisRight?: {
|
|
46
|
+
labelColor?: string;
|
|
47
|
+
labelFontSize?: number;
|
|
48
|
+
labelMargin?: number;
|
|
49
|
+
splitLineColor?: string;
|
|
50
|
+
splitLineShow?: boolean;
|
|
51
|
+
axisLineShow?: boolean;
|
|
52
|
+
axisLineColor?: string;
|
|
53
|
+
namePadding?: [number, number, number, number];
|
|
54
|
+
nameAlign?: 'left' | 'right';
|
|
55
|
+
formatter?: (value: number) => string;
|
|
56
|
+
};
|
|
57
|
+
yAxisVisibility?: {
|
|
58
|
+
left?: boolean;
|
|
59
|
+
right?: boolean;
|
|
60
|
+
};
|
|
61
|
+
yAxisRange?: {
|
|
62
|
+
min?: number;
|
|
63
|
+
max?: number;
|
|
64
|
+
autoRound?: boolean;
|
|
65
|
+
roundTo?: number;
|
|
66
|
+
};
|
|
67
|
+
tooltipConfig?: {
|
|
68
|
+
show?: boolean;
|
|
69
|
+
trigger?: 'item' | 'axis' | 'none';
|
|
70
|
+
axisPointer?: {
|
|
71
|
+
type?: 'shadow' | 'line' | 'cross';
|
|
72
|
+
[key: string]: any;
|
|
73
|
+
};
|
|
74
|
+
formatter?: (params: any[]) => string;
|
|
75
|
+
[key: string]: any;
|
|
76
|
+
};
|
|
77
|
+
axisPointerConfig?: {
|
|
78
|
+
type?: 'shadow' | 'line' | 'cross';
|
|
79
|
+
[key: string]: any;
|
|
80
|
+
};
|
|
81
|
+
barConfig?: {
|
|
82
|
+
width?: number;
|
|
83
|
+
};
|
|
84
|
+
topConfig?: {
|
|
85
|
+
symbolSize?: [number, number];
|
|
86
|
+
symbolOffset?: [number, number | string];
|
|
87
|
+
color?: string;
|
|
88
|
+
shadowBlur?: number;
|
|
89
|
+
};
|
|
90
|
+
titleConfig?: echarts.EChartsOption['title'];
|
|
91
|
+
}
|
|
92
|
+
declare const StyleThirtyEight: React.FC<StyleThirtyEightProps>;
|
|
93
|
+
export default StyleThirtyEight;
|
|
94
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleThirtyEight/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/** 科技风格卡片组件属性 */
|
|
3
|
+
export interface StyleThirtyFiveProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
style?: React.CSSProperties;
|
|
6
|
+
data?: {
|
|
7
|
+
title: string;
|
|
8
|
+
desc: string;
|
|
9
|
+
icon?: string;
|
|
10
|
+
}[];
|
|
11
|
+
cardConfig?: {
|
|
12
|
+
width?: number | string;
|
|
13
|
+
height?: number | string;
|
|
14
|
+
background?: string;
|
|
15
|
+
border?: string;
|
|
16
|
+
hoverTransform?: string;
|
|
17
|
+
};
|
|
18
|
+
accentConfig?: {
|
|
19
|
+
show?: boolean;
|
|
20
|
+
color?: string;
|
|
21
|
+
size?: number | string;
|
|
22
|
+
};
|
|
23
|
+
iconConfig?: {
|
|
24
|
+
size?: number | string;
|
|
25
|
+
bgImage?: string;
|
|
26
|
+
};
|
|
27
|
+
titleConfig?: {
|
|
28
|
+
fontSize?: number | string;
|
|
29
|
+
color?: string;
|
|
30
|
+
};
|
|
31
|
+
descConfig?: {
|
|
32
|
+
fontSize?: number | string;
|
|
33
|
+
color?: string;
|
|
34
|
+
};
|
|
35
|
+
platformConfig?: {
|
|
36
|
+
show?: boolean;
|
|
37
|
+
color?: string;
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
declare const StyleThirtyFive: React.FC<StyleThirtyFiveProps>;
|
|
41
|
+
export default StyleThirtyFive;
|
|
42
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleThirtyFive/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,iBAAiB;AACjB,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,IAAI,CAAC,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IACJ,UAAU,CAAC,EAAE;QACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACzB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,cAAc,CAAC,EAAE,MAAM,CAAC;KACzB,CAAC;IACF,YAAY,CAAC,EAAE;QACb,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACxB,CAAC;IACF,UAAU,CAAC,EAAE;QACX,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACvB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,UAAU,CAAC,EAAE;QACX,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,cAAc,CAAC,EAAE;QACf,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmInD,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/** 主题配置接口 */
|
|
3
|
+
export interface StyleThirtyFourTheme {
|
|
4
|
+
border?: string;
|
|
5
|
+
bg?: string;
|
|
6
|
+
headerBg?: string;
|
|
7
|
+
iconBg?: string;
|
|
8
|
+
iconBorder?: string;
|
|
9
|
+
titleColor?: string;
|
|
10
|
+
labelColor?: string;
|
|
11
|
+
valueColor?: string;
|
|
12
|
+
filter?: string;
|
|
13
|
+
}
|
|
14
|
+
/** 数据展示面板组件属性 */
|
|
15
|
+
export interface StyleThirtyFourProps {
|
|
16
|
+
className?: string;
|
|
17
|
+
style?: React.CSSProperties;
|
|
18
|
+
data?: {
|
|
19
|
+
label: string;
|
|
20
|
+
value: string;
|
|
21
|
+
}[];
|
|
22
|
+
title?: string;
|
|
23
|
+
icon?: string;
|
|
24
|
+
color?: 'blue' | 'purple';
|
|
25
|
+
themeConfig?: StyleThirtyFourTheme;
|
|
26
|
+
backgroundConfig?: {
|
|
27
|
+
color?: string;
|
|
28
|
+
image?: string;
|
|
29
|
+
filter?: string;
|
|
30
|
+
style?: React.CSSProperties;
|
|
31
|
+
};
|
|
32
|
+
headerConfig?: {
|
|
33
|
+
height?: number | string;
|
|
34
|
+
background?: string;
|
|
35
|
+
borderBottom?: string;
|
|
36
|
+
title?: {
|
|
37
|
+
text?: string;
|
|
38
|
+
color?: string;
|
|
39
|
+
fontSize?: number | string;
|
|
40
|
+
fontWeight?: number | string;
|
|
41
|
+
textShadow?: string;
|
|
42
|
+
style?: React.CSSProperties;
|
|
43
|
+
};
|
|
44
|
+
style?: React.CSSProperties;
|
|
45
|
+
};
|
|
46
|
+
iconConfig?: {
|
|
47
|
+
show?: boolean;
|
|
48
|
+
src?: string;
|
|
49
|
+
width?: number | string;
|
|
50
|
+
height?: number | string;
|
|
51
|
+
backgroundColor?: string;
|
|
52
|
+
border?: string;
|
|
53
|
+
style?: React.CSSProperties;
|
|
54
|
+
imageStyle?: React.CSSProperties;
|
|
55
|
+
filter?: string;
|
|
56
|
+
};
|
|
57
|
+
listConfig?: {
|
|
58
|
+
gap?: number | string;
|
|
59
|
+
labelWidth?: number | string;
|
|
60
|
+
labelColor?: string;
|
|
61
|
+
valueColor?: string;
|
|
62
|
+
fontSize?: number | string;
|
|
63
|
+
lineHeight?: number | string;
|
|
64
|
+
style?: React.CSSProperties;
|
|
65
|
+
itemStyle?: React.CSSProperties;
|
|
66
|
+
labelStyle?: React.CSSProperties;
|
|
67
|
+
valueStyle?: React.CSSProperties;
|
|
68
|
+
};
|
|
69
|
+
}
|
|
70
|
+
declare const StyleThirtyFour: React.FC<StyleThirtyFourProps>;
|
|
71
|
+
export default StyleThirtyFour;
|
|
72
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleThirtyFour/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import * as echarts from 'echarts';
|
|
3
|
+
/** 双Y轴面积折线图组件属性 */
|
|
4
|
+
interface StyleThirtyNineProps {
|
|
5
|
+
style?: React.CSSProperties;
|
|
6
|
+
chartStyle?: React.CSSProperties;
|
|
7
|
+
data?: {
|
|
8
|
+
categories: string[];
|
|
9
|
+
series1: number[];
|
|
10
|
+
series2: number[];
|
|
11
|
+
};
|
|
12
|
+
colors?: {
|
|
13
|
+
series1: [string, string];
|
|
14
|
+
series2: [string, string];
|
|
15
|
+
line1: string;
|
|
16
|
+
line2: string;
|
|
17
|
+
};
|
|
18
|
+
units?: [string, string];
|
|
19
|
+
legendConfig?: {
|
|
20
|
+
show?: boolean;
|
|
21
|
+
textStyle?: echarts.LegendComponentOption['textStyle'];
|
|
22
|
+
names?: [string, string];
|
|
23
|
+
icon?: string;
|
|
24
|
+
itemWidth?: number;
|
|
25
|
+
itemHeight?: number;
|
|
26
|
+
itemGap?: number;
|
|
27
|
+
top?: string | number;
|
|
28
|
+
};
|
|
29
|
+
grid?: echarts.EChartsOption['grid'];
|
|
30
|
+
tooltipConfig?: echarts.TooltipComponentOption;
|
|
31
|
+
axisConfig?: {
|
|
32
|
+
xAxisLineColor?: string;
|
|
33
|
+
xAxisLabelColor?: string;
|
|
34
|
+
xAxisLabelFontSize?: number;
|
|
35
|
+
xAxisLabelMargin?: number;
|
|
36
|
+
yAxisLabelColor?: string;
|
|
37
|
+
yAxisLabelFontSize?: number;
|
|
38
|
+
yAxisNameColor?: string;
|
|
39
|
+
splitLineColor?: string;
|
|
40
|
+
splitLineType?: 'solid' | 'dashed' | 'dotted';
|
|
41
|
+
};
|
|
42
|
+
lineConfig?: {
|
|
43
|
+
width?: number;
|
|
44
|
+
symbol?: string;
|
|
45
|
+
symbolSize?: number;
|
|
46
|
+
smooth?: boolean;
|
|
47
|
+
};
|
|
48
|
+
}
|
|
49
|
+
declare const StyleThirtyNine: React.FC<StyleThirtyNineProps>;
|
|
50
|
+
export default StyleThirtyNine;
|
|
51
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleThirtyNine/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AAEnC,mBAAmB;AACnB,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE;QACL,UAAU,EAAE,MAAM,EAAE,CAAC;QACrB,OAAO,EAAE,MAAM,EAAE,CAAC;QAClB,OAAO,EAAE,MAAM,EAAE,CAAC;KACnB,CAAC;IACF,MAAM,CAAC,EAAE;QACP,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC1B,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QAC1B,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACzB,YAAY,CAAC,EAAE;QACb,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,SAAS,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,WAAW,CAAC,CAAC;QACvD,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACzB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACrC,aAAa,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC;IAC/C,UAAU,CAAC,EAAE;QACX,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,aAAa,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;KAC/C,CAAC;IACF,UAAU,CAAC,EAAE;QACX,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,MAAM,CAAC,EAAE,OAAO,CAAC;KAClB,CAAC;CACH;AAED,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsOnD,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface StyleThirtyOneTabItem {
|
|
3
|
+
label: string;
|
|
4
|
+
value: string;
|
|
5
|
+
}
|
|
6
|
+
export interface StyleThirtyOneProps {
|
|
7
|
+
className?: string;
|
|
8
|
+
style?: React.CSSProperties;
|
|
9
|
+
titleConfig?: {
|
|
10
|
+
text?: string;
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
iconStyle?: React.CSSProperties;
|
|
13
|
+
showIcon?: boolean;
|
|
14
|
+
};
|
|
15
|
+
tabs?: StyleThirtyOneTabItem[];
|
|
16
|
+
defaultActiveTab?: string;
|
|
17
|
+
onTabChange?: (value: string) => void;
|
|
18
|
+
tabConfig?: {
|
|
19
|
+
containerStyle?: React.CSSProperties;
|
|
20
|
+
itemStyle?: React.CSSProperties;
|
|
21
|
+
activeItemStyle?: React.CSSProperties;
|
|
22
|
+
inactiveItemStyle?: React.CSSProperties;
|
|
23
|
+
activeLineStyle?: React.CSSProperties;
|
|
24
|
+
};
|
|
25
|
+
backgroundConfig?: {
|
|
26
|
+
image?: string;
|
|
27
|
+
color?: string;
|
|
28
|
+
style?: React.CSSProperties;
|
|
29
|
+
};
|
|
30
|
+
bottomLineConfig?: {
|
|
31
|
+
show?: boolean;
|
|
32
|
+
color?: string;
|
|
33
|
+
style?: React.CSSProperties;
|
|
34
|
+
decorationDots?: {
|
|
35
|
+
show?: boolean;
|
|
36
|
+
count?: number;
|
|
37
|
+
style?: React.CSSProperties;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
}
|
|
41
|
+
declare const StyleThirtyOne: React.FC<StyleThirtyOneProps>;
|
|
42
|
+
export default StyleThirtyOne;
|
|
43
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleThirtyOne/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAGD,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAG5B,WAAW,CAAC,EAAE;QACZ,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;IAGF,IAAI,CAAC,EAAE,qBAAqB,EAAE,CAAC;IAC/B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE;QACV,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACrC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAChC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACtC,iBAAiB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QACxC,eAAe,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KACvC,CAAC;IAGF,gBAAgB,CAAC,EAAE;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;KAC7B,CAAC;IAGF,gBAAgB,CAAC,EAAE;QACjB,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAC5B,cAAc,CAAC,EAAE;YACf,IAAI,CAAC,EAAE,OAAO,CAAC;YACf,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;SAC7B,CAAC;KACH,CAAC;CACH;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAkIjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|