@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,26 @@
|
|
|
1
|
+
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
export interface StatusItemProps {
|
|
3
|
+
/** 图标:可以是图片路径或 SVG ReactNode */
|
|
4
|
+
icon: string | ReactNode;
|
|
5
|
+
/** 标签文字 */
|
|
6
|
+
label: string;
|
|
7
|
+
/** 显示的数值 */
|
|
8
|
+
value: number | string;
|
|
9
|
+
/** 进度百分比 (0-100) */
|
|
10
|
+
percent: number;
|
|
11
|
+
/** 进度条颜色 */
|
|
12
|
+
color: string;
|
|
13
|
+
/** 外层容器类名 */
|
|
14
|
+
className?: string;
|
|
15
|
+
/** 外层容器样式 */
|
|
16
|
+
style?: CSSProperties;
|
|
17
|
+
/** 点击事件 */
|
|
18
|
+
onClick?: () => void;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* 状态项组件
|
|
22
|
+
* 用于展示带图标、标签、数值和进度条的状态信息
|
|
23
|
+
*/
|
|
24
|
+
declare const StatusItem: ({ icon, label, value, percent, color, className, style, onClick, }: StatusItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
25
|
+
export default StatusItem;
|
|
26
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StatusItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,eAAe;IAC9B,gCAAgC;IAChC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,WAAW;IACX,KAAK,EAAE,MAAM,CAAC;IACd,YAAY;IACZ,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,oBAAoB;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,aAAa;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa;IACb,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,WAAW;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;GAGG;AACH,QAAA,MAAM,UAAU,uEASb,eAAe,4CAkCjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface TabItem {
|
|
3
|
+
id: number | string;
|
|
4
|
+
label: string;
|
|
5
|
+
}
|
|
6
|
+
interface StyleEightProps {
|
|
7
|
+
tabs?: TabItem[];
|
|
8
|
+
activeId?: number | string;
|
|
9
|
+
defaultActiveId?: number | string;
|
|
10
|
+
activeBgImage?: string;
|
|
11
|
+
onChange?: (id: number | string) => void;
|
|
12
|
+
}
|
|
13
|
+
declare const StyleEight: React.FC<StyleEightProps>;
|
|
14
|
+
export default StyleEight;
|
|
15
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleEight/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6CzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface SeriesData {
|
|
3
|
+
name: string;
|
|
4
|
+
data: number[];
|
|
5
|
+
}
|
|
6
|
+
interface StyleEighteenProps {
|
|
7
|
+
className?: string;
|
|
8
|
+
style?: React.CSSProperties;
|
|
9
|
+
chartStyle?: React.CSSProperties;
|
|
10
|
+
/** 数据配置 */
|
|
11
|
+
data?: {
|
|
12
|
+
categories: string[];
|
|
13
|
+
series: SeriesData[];
|
|
14
|
+
};
|
|
15
|
+
/** 单位 */
|
|
16
|
+
unit?: string;
|
|
17
|
+
/** 颜色配置 */
|
|
18
|
+
colors?: string[];
|
|
19
|
+
/** 网格配置 */
|
|
20
|
+
grid?: {
|
|
21
|
+
top?: string | number;
|
|
22
|
+
bottom?: string | number;
|
|
23
|
+
left?: string | number;
|
|
24
|
+
right?: string | number;
|
|
25
|
+
containLabel?: boolean;
|
|
26
|
+
};
|
|
27
|
+
/** 柱状图配置 */
|
|
28
|
+
barConfig?: {
|
|
29
|
+
width?: number;
|
|
30
|
+
gap?: string;
|
|
31
|
+
radius?: number | number[];
|
|
32
|
+
};
|
|
33
|
+
/** 坐标轴配置 */
|
|
34
|
+
axisConfig?: {
|
|
35
|
+
xAxisLineColor?: string;
|
|
36
|
+
xAxisLabelColor?: string;
|
|
37
|
+
xAxisLabelFontSize?: number;
|
|
38
|
+
yAxisLabelColor?: string;
|
|
39
|
+
yAxisLabelFontSize?: number;
|
|
40
|
+
splitLineColor?: string;
|
|
41
|
+
splitLineType?: 'solid' | 'dashed' | 'dotted';
|
|
42
|
+
};
|
|
43
|
+
/** 图例配置 */
|
|
44
|
+
legendConfig?: {
|
|
45
|
+
show?: boolean;
|
|
46
|
+
top?: string | number;
|
|
47
|
+
textStyle?: {
|
|
48
|
+
color?: string;
|
|
49
|
+
};
|
|
50
|
+
[key: string]: any;
|
|
51
|
+
};
|
|
52
|
+
/** 提示框配置 */
|
|
53
|
+
tooltipConfig?: {
|
|
54
|
+
show?: boolean;
|
|
55
|
+
trigger?: 'item' | 'axis' | 'none';
|
|
56
|
+
[key: string]: any;
|
|
57
|
+
};
|
|
58
|
+
}
|
|
59
|
+
declare const StyleEighteen: React.FC<StyleEighteenProps>;
|
|
60
|
+
export default StyleEighteen;
|
|
61
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleEighteen/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAIvC,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB;AAED,UAAU,kBAAkB;IAC1B,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;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,YAAY;IACZ,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAC5B,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,WAAW;IACX,YAAY,CAAC,EAAE;QACb,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACtB,SAAS,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;QAC/B,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,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8H/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface StyleElevenProps {
|
|
3
|
+
style?: React.CSSProperties;
|
|
4
|
+
chartContainerStyle?: React.CSSProperties;
|
|
5
|
+
chartStyle?: React.CSSProperties;
|
|
6
|
+
legendContainerStyle?: React.CSSProperties;
|
|
7
|
+
legendItemStyle?: React.CSSProperties;
|
|
8
|
+
legendColorBlockStyle?: React.CSSProperties;
|
|
9
|
+
legendTextContainerStyle?: React.CSSProperties;
|
|
10
|
+
legendNameStyle?: React.CSSProperties;
|
|
11
|
+
legendValueStyle?: React.CSSProperties;
|
|
12
|
+
data?: {
|
|
13
|
+
value: number;
|
|
14
|
+
name: string;
|
|
15
|
+
}[];
|
|
16
|
+
title?: string;
|
|
17
|
+
/** 单位 */
|
|
18
|
+
unit?: string;
|
|
19
|
+
/** 图表颜色配置 */
|
|
20
|
+
colors?: string[];
|
|
21
|
+
/** 中间标题配置 */
|
|
22
|
+
centerTitleConfig?: {
|
|
23
|
+
valueFontSize?: number;
|
|
24
|
+
valueFontWeight?: string | number;
|
|
25
|
+
valueColor?: string;
|
|
26
|
+
unitFontSize?: number;
|
|
27
|
+
unitColor?: string;
|
|
28
|
+
nameFontSize?: number;
|
|
29
|
+
nameColor?: string;
|
|
30
|
+
left?: string | number;
|
|
31
|
+
top?: string | number;
|
|
32
|
+
};
|
|
33
|
+
/** 饼图系列配置 */
|
|
34
|
+
seriesConfig?: {
|
|
35
|
+
outerRadius?: [string | number, string | number];
|
|
36
|
+
innerRadius?: [string | number, string | number];
|
|
37
|
+
center?: [string | number, string | number];
|
|
38
|
+
padAngle?: number;
|
|
39
|
+
innerRingColor?: string;
|
|
40
|
+
};
|
|
41
|
+
/** 图例配置 */
|
|
42
|
+
legendConfig?: {
|
|
43
|
+
gridTemplateColumns?: string;
|
|
44
|
+
gap?: string | number;
|
|
45
|
+
paddingRight?: string | number;
|
|
46
|
+
colorBlockWidth?: string | number;
|
|
47
|
+
colorBlockHeight?: string | number;
|
|
48
|
+
nameColor?: string;
|
|
49
|
+
nameFontSize?: string | number;
|
|
50
|
+
valueColor?: string;
|
|
51
|
+
valueFontSize?: string | number;
|
|
52
|
+
valueFontWeight?: string | number;
|
|
53
|
+
};
|
|
54
|
+
/** Tooltip配置 */
|
|
55
|
+
tooltipConfig?: {
|
|
56
|
+
show?: boolean;
|
|
57
|
+
trigger?: 'item' | 'axis' | 'none';
|
|
58
|
+
formatter?: string | ((params: any) => string);
|
|
59
|
+
backgroundColor?: string;
|
|
60
|
+
borderColor?: string;
|
|
61
|
+
borderWidth?: number;
|
|
62
|
+
textStyle?: {
|
|
63
|
+
color?: string;
|
|
64
|
+
fontSize?: number;
|
|
65
|
+
};
|
|
66
|
+
[key: string]: any;
|
|
67
|
+
};
|
|
68
|
+
}
|
|
69
|
+
declare const StyleEleven: React.FC<StyleElevenProps>;
|
|
70
|
+
export default StyleEleven;
|
|
71
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleEleven/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface StyleFifteenProps {
|
|
3
|
+
style?: React.CSSProperties;
|
|
4
|
+
chartStyle?: React.CSSProperties;
|
|
5
|
+
data?: {
|
|
6
|
+
name: string;
|
|
7
|
+
value: number;
|
|
8
|
+
}[];
|
|
9
|
+
/** 颜色配置 */
|
|
10
|
+
colors?: {
|
|
11
|
+
start: string;
|
|
12
|
+
end: string;
|
|
13
|
+
background: string;
|
|
14
|
+
};
|
|
15
|
+
/** 布局配置 */
|
|
16
|
+
grid?: {
|
|
17
|
+
top?: string | number;
|
|
18
|
+
bottom?: string | number;
|
|
19
|
+
left?: string | number;
|
|
20
|
+
right?: string | number;
|
|
21
|
+
containLabel?: boolean;
|
|
22
|
+
};
|
|
23
|
+
/** 柱子配置 */
|
|
24
|
+
barConfig?: {
|
|
25
|
+
width?: number;
|
|
26
|
+
borderRadius?: number;
|
|
27
|
+
backgroundWidth?: number;
|
|
28
|
+
};
|
|
29
|
+
/** 标签配置 */
|
|
30
|
+
labelConfig?: {
|
|
31
|
+
rankColor?: string;
|
|
32
|
+
rankFontSize?: number;
|
|
33
|
+
nameColor?: string;
|
|
34
|
+
nameFontSize?: number;
|
|
35
|
+
valueColor?: string;
|
|
36
|
+
valueFontSize?: number;
|
|
37
|
+
};
|
|
38
|
+
/** 提示框配置 */
|
|
39
|
+
tooltipConfig?: {
|
|
40
|
+
show?: boolean;
|
|
41
|
+
trigger?: 'item' | 'axis' | 'none';
|
|
42
|
+
[key: string]: any;
|
|
43
|
+
};
|
|
44
|
+
/** 单位 */
|
|
45
|
+
unit?: string;
|
|
46
|
+
}
|
|
47
|
+
declare const StyleFifteen: React.FC<StyleFifteenProps>;
|
|
48
|
+
export default StyleFifteen;
|
|
49
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleFifteen/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,UAAU,iBAAiB;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;IAEJ,WAAW;IACX,MAAM,CAAC,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,GAAG,EAAE,MAAM,CAAC;QACZ,UAAU,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,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,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC;IACF,WAAW;IACX,WAAW,CAAC,EAAE;QACZ,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,YAAY,CAAC,EAAE,MAAM,CAAC;QACtB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,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;IACF,SAAS;IACT,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgK7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import * as echarts from 'echarts';
|
|
3
|
+
/** 象形柱状图组件属性 */
|
|
4
|
+
interface StyleFortyProps {
|
|
5
|
+
style?: React.CSSProperties;
|
|
6
|
+
chartStyle?: React.CSSProperties;
|
|
7
|
+
data?: {
|
|
8
|
+
categories: string[];
|
|
9
|
+
values: number[];
|
|
10
|
+
};
|
|
11
|
+
max?: number;
|
|
12
|
+
colors?: {
|
|
13
|
+
barFrom?: string;
|
|
14
|
+
barTo?: string;
|
|
15
|
+
background?: string;
|
|
16
|
+
};
|
|
17
|
+
unit?: string;
|
|
18
|
+
axisConfig?: {
|
|
19
|
+
xAxisLabelColor?: string;
|
|
20
|
+
xAxisLabelFontSize?: number;
|
|
21
|
+
xAxisLabelMargin?: number;
|
|
22
|
+
yAxisLabelColor?: string;
|
|
23
|
+
yAxisLabelFontSize?: number;
|
|
24
|
+
splitLineColor?: string;
|
|
25
|
+
axisLineColor?: string;
|
|
26
|
+
showXAxisLine?: boolean;
|
|
27
|
+
showYAxisLine?: boolean;
|
|
28
|
+
showYAxisUnit?: boolean;
|
|
29
|
+
};
|
|
30
|
+
grid?: echarts.EChartsOption['grid'];
|
|
31
|
+
barConfig?: {
|
|
32
|
+
symbol?: string;
|
|
33
|
+
symbolMargin?: string | number;
|
|
34
|
+
symbolSize?: [number, number] | number[];
|
|
35
|
+
animationEasing?: string;
|
|
36
|
+
};
|
|
37
|
+
tooltipConfig?: {
|
|
38
|
+
backgroundColor?: string;
|
|
39
|
+
borderColor?: string;
|
|
40
|
+
textColor?: string;
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
declare const StyleForty: React.FC<StyleFortyProps>;
|
|
44
|
+
export default StyleForty;
|
|
45
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleForty/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,OAAO,MAAM,SAAS,CAAC;AAGnC,gBAAgB;AAChB,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,IAAI,CAAC,EAAE;QAEL,UAAU,EAAE,MAAM,EAAE,CAAC;QACrB,MAAM,EAAE,MAAM,EAAE,CAAC;KAClB,CAAC;IACF,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE;QAEP,OAAO,CAAC,EAAE,MAAM,CAAC;QACjB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;KACrB,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE;QAEX,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,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,aAAa,CAAC,EAAE,OAAO,CAAC;QACxB,aAAa,CAAC,EAAE,OAAO,CAAC;KACzB,CAAC;IACF,IAAI,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE;QAEV,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QAC/B,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,EAAE,CAAC;QACzC,eAAe,CAAC,EAAE,MAAM,CAAC;KAC1B,CAAC;IACF,aAAa,CAAC,EAAE;QAEd,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;CACH;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0MzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import * as echarts from 'echarts';
|
|
3
|
+
interface YAxisOption {
|
|
4
|
+
nameColor?: string;
|
|
5
|
+
nameFontSize?: number;
|
|
6
|
+
axisLabel?: {
|
|
7
|
+
color?: string;
|
|
8
|
+
fontSize?: number;
|
|
9
|
+
};
|
|
10
|
+
splitLine?: {
|
|
11
|
+
show?: boolean;
|
|
12
|
+
lineStyle?: {
|
|
13
|
+
color?: string | string[];
|
|
14
|
+
width?: number;
|
|
15
|
+
type?: 'solid' | 'dashed' | 'dotted';
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
axisLine?: {
|
|
19
|
+
show?: boolean;
|
|
20
|
+
lineStyle?: {
|
|
21
|
+
color?: string;
|
|
22
|
+
width?: number;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
25
|
+
axisTick?: {
|
|
26
|
+
show?: boolean;
|
|
27
|
+
};
|
|
28
|
+
}
|
|
29
|
+
interface StyleFortyOneProps {
|
|
30
|
+
style?: React.CSSProperties;
|
|
31
|
+
chartStyle?: React.CSSProperties;
|
|
32
|
+
/**
|
|
33
|
+
* 图表数据
|
|
34
|
+
*/
|
|
35
|
+
data?: {
|
|
36
|
+
categories: string[];
|
|
37
|
+
series1: number[];
|
|
38
|
+
series2: number[];
|
|
39
|
+
};
|
|
40
|
+
/**
|
|
41
|
+
* 颜色配置
|
|
42
|
+
*/
|
|
43
|
+
colors?: {
|
|
44
|
+
series1: [string, string];
|
|
45
|
+
series2: [string, string];
|
|
46
|
+
line1: string;
|
|
47
|
+
line2: string;
|
|
48
|
+
};
|
|
49
|
+
/**
|
|
50
|
+
* 单位配置 [左侧单位, 右侧单位]
|
|
51
|
+
*/
|
|
52
|
+
units?: [string, string];
|
|
53
|
+
/**
|
|
54
|
+
* 图例配置
|
|
55
|
+
*/
|
|
56
|
+
legendConfig?: echarts.LegendComponentOption & {
|
|
57
|
+
names?: [string, string];
|
|
58
|
+
};
|
|
59
|
+
/**
|
|
60
|
+
* 网格配置
|
|
61
|
+
*/
|
|
62
|
+
grid?: echarts.EChartsOption['grid'];
|
|
63
|
+
/**
|
|
64
|
+
* 提示框配置
|
|
65
|
+
*/
|
|
66
|
+
tooltipConfig?: echarts.TooltipComponentOption;
|
|
67
|
+
/**
|
|
68
|
+
* 坐标轴指示器配置
|
|
69
|
+
*/
|
|
70
|
+
axisPointerConfig?: echarts.AxisPointerComponentOption;
|
|
71
|
+
/**
|
|
72
|
+
* X轴配置
|
|
73
|
+
*/
|
|
74
|
+
xAxisConfig?: {
|
|
75
|
+
show?: boolean;
|
|
76
|
+
type?: 'category' | 'value' | 'time' | 'log';
|
|
77
|
+
boundaryGap?: boolean | string[];
|
|
78
|
+
axisLine?: {
|
|
79
|
+
show?: boolean;
|
|
80
|
+
lineStyle?: {
|
|
81
|
+
color?: string;
|
|
82
|
+
width?: number;
|
|
83
|
+
type?: 'solid' | 'dashed' | 'dotted';
|
|
84
|
+
};
|
|
85
|
+
};
|
|
86
|
+
axisLabel?: {
|
|
87
|
+
show?: boolean;
|
|
88
|
+
color?: string;
|
|
89
|
+
fontSize?: number;
|
|
90
|
+
margin?: number;
|
|
91
|
+
};
|
|
92
|
+
axisTick?: {
|
|
93
|
+
show?: boolean;
|
|
94
|
+
alignWithLabel?: boolean;
|
|
95
|
+
};
|
|
96
|
+
splitLine?: {
|
|
97
|
+
show?: boolean;
|
|
98
|
+
lineStyle?: {
|
|
99
|
+
color?: string | string[];
|
|
100
|
+
width?: number;
|
|
101
|
+
type?: 'solid' | 'dashed' | 'dotted';
|
|
102
|
+
};
|
|
103
|
+
};
|
|
104
|
+
};
|
|
105
|
+
/**
|
|
106
|
+
* Y轴配置 [左侧Y轴配置, 右侧Y轴配置]
|
|
107
|
+
*/
|
|
108
|
+
yAxisConfig?: [YAxisOption, YAxisOption];
|
|
109
|
+
/**
|
|
110
|
+
* 系列配置
|
|
111
|
+
*/
|
|
112
|
+
seriesConfig?: {
|
|
113
|
+
width?: number;
|
|
114
|
+
symbol?: string;
|
|
115
|
+
symbolSize?: number;
|
|
116
|
+
smooth?: boolean;
|
|
117
|
+
showSymbol?: boolean;
|
|
118
|
+
areaOpacity?: number;
|
|
119
|
+
};
|
|
120
|
+
}
|
|
121
|
+
declare const StyleFortyOne: React.FC<StyleFortyOneProps>;
|
|
122
|
+
export default StyleFortyOne;
|
|
123
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleFortyOne/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface StyleFourteenProps {
|
|
3
|
+
style?: React.CSSProperties;
|
|
4
|
+
chartStyle?: React.CSSProperties;
|
|
5
|
+
data?: {
|
|
6
|
+
categories: string[];
|
|
7
|
+
series: {
|
|
8
|
+
name: string;
|
|
9
|
+
data: number[];
|
|
10
|
+
}[];
|
|
11
|
+
};
|
|
12
|
+
/** 单位 */
|
|
13
|
+
unit?: string;
|
|
14
|
+
/** 颜色配置 */
|
|
15
|
+
colors?: string[];
|
|
16
|
+
/** 布局配置 */
|
|
17
|
+
grid?: {
|
|
18
|
+
top?: string | number;
|
|
19
|
+
bottom?: string | number;
|
|
20
|
+
left?: string | number;
|
|
21
|
+
right?: string | number;
|
|
22
|
+
containLabel?: boolean;
|
|
23
|
+
};
|
|
24
|
+
/** 柱子配置 */
|
|
25
|
+
barConfig?: {
|
|
26
|
+
width?: number;
|
|
27
|
+
borderRadius?: number | number[];
|
|
28
|
+
};
|
|
29
|
+
/** 坐标轴配置 */
|
|
30
|
+
axisConfig?: {
|
|
31
|
+
xAxisLineColor?: string;
|
|
32
|
+
xAxisLabelColor?: string;
|
|
33
|
+
xAxisLabelFontSize?: number;
|
|
34
|
+
yAxisLabelColor?: string;
|
|
35
|
+
yAxisLabelFontSize?: number;
|
|
36
|
+
splitLineColor?: string;
|
|
37
|
+
splitLineType?: 'solid' | 'dashed' | 'dotted';
|
|
38
|
+
};
|
|
39
|
+
/** 图例配置 */
|
|
40
|
+
legendConfig?: {
|
|
41
|
+
show?: boolean;
|
|
42
|
+
top?: string | number;
|
|
43
|
+
textStyle?: {
|
|
44
|
+
color?: string;
|
|
45
|
+
fontSize?: number;
|
|
46
|
+
};
|
|
47
|
+
[key: string]: any;
|
|
48
|
+
};
|
|
49
|
+
/** Tooltip配置 */
|
|
50
|
+
tooltipConfig?: {
|
|
51
|
+
show?: boolean;
|
|
52
|
+
trigger?: 'item' | 'axis' | 'none';
|
|
53
|
+
[key: string]: any;
|
|
54
|
+
};
|
|
55
|
+
}
|
|
56
|
+
declare const StyleFourteen: React.FC<StyleFourteenProps>;
|
|
57
|
+
export default StyleFourteen;
|
|
58
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleFourteen/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,MAAM,EAAE,CAAC;QACrB,MAAM,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,IAAI,EAAE,MAAM,EAAE,CAAA;SAAE,EAAE,CAAC;KAC5C,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,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;KAClC,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,WAAW;IACX,YAAY,CAAC,EAAE;QACb,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACtB,SAAS,CAAC,EAAE;YACV,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,QAAQ,CAAC,EAAE,MAAM,CAAC;SACnB,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;CACH;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4I/C,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
/** 柱状图+折线图组合组件属性 */
|
|
3
|
+
interface StyleNineProps {
|
|
4
|
+
style?: React.CSSProperties;
|
|
5
|
+
chartStyle?: React.CSSProperties;
|
|
6
|
+
xData?: string[];
|
|
7
|
+
barData?: number[];
|
|
8
|
+
lineData?: number[];
|
|
9
|
+
unit?: string;
|
|
10
|
+
barColor?: {
|
|
11
|
+
left?: [string, string];
|
|
12
|
+
right?: [string, string];
|
|
13
|
+
top?: string;
|
|
14
|
+
stroke?: string;
|
|
15
|
+
};
|
|
16
|
+
lineColor?: string;
|
|
17
|
+
axis?: {
|
|
18
|
+
textColor?: string;
|
|
19
|
+
lineColor?: string;
|
|
20
|
+
splitLineColor?: string;
|
|
21
|
+
fontSize?: number;
|
|
22
|
+
};
|
|
23
|
+
seriesNames?: [string, string];
|
|
24
|
+
barWidth?: number;
|
|
25
|
+
legend?: {
|
|
26
|
+
show?: boolean;
|
|
27
|
+
top?: string | number;
|
|
28
|
+
textStyle?: {
|
|
29
|
+
color?: string;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
grid?: {
|
|
33
|
+
left?: string | number;
|
|
34
|
+
right?: string | number;
|
|
35
|
+
bottom?: string | number;
|
|
36
|
+
containLabel?: boolean;
|
|
37
|
+
};
|
|
38
|
+
tooltip?: {
|
|
39
|
+
show?: boolean;
|
|
40
|
+
formatter?: (params: any) => string;
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
declare const StyleNine: React.FC<StyleNineProps>;
|
|
44
|
+
export default StyleNine;
|
|
45
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleNine/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,oBAAoB;AACpB,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE;QAET,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACxB,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;QACzB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE;QAEL,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE;QAEP,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACtB,SAAS,CAAC,EAAE;YAAE,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC;KAChC,CAAC;IACF,IAAI,CAAC,EAAE;QAEL,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;IACF,OAAO,CAAC,EAAE;QAER,IAAI,CAAC,EAAE,OAAO,CAAC;QACf,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,MAAM,CAAC;KACrC,CAAC;CACH;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0PvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface SeriesData {
|
|
3
|
+
name: string;
|
|
4
|
+
data: number[];
|
|
5
|
+
color?: string;
|
|
6
|
+
areaGradient?: {
|
|
7
|
+
from: string;
|
|
8
|
+
to: string;
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
interface StyleSeventeenProps {
|
|
12
|
+
style?: React.CSSProperties;
|
|
13
|
+
chartStyle?: React.CSSProperties;
|
|
14
|
+
data?: {
|
|
15
|
+
categories: string[];
|
|
16
|
+
series: SeriesData[];
|
|
17
|
+
};
|
|
18
|
+
/** 单位 */
|
|
19
|
+
unit?: string;
|
|
20
|
+
/** 颜色配置 */
|
|
21
|
+
colors?: string[];
|
|
22
|
+
/** 区域渐变配置 */
|
|
23
|
+
areaGradients?: {
|
|
24
|
+
from: string;
|
|
25
|
+
to: string;
|
|
26
|
+
}[];
|
|
27
|
+
/** 网格配置 */
|
|
28
|
+
grid?: {
|
|
29
|
+
top?: string | number;
|
|
30
|
+
bottom?: string | number;
|
|
31
|
+
left?: string | number;
|
|
32
|
+
right?: string | number;
|
|
33
|
+
containLabel?: boolean;
|
|
34
|
+
};
|
|
35
|
+
/** 线条配置 */
|
|
36
|
+
lineConfig?: {
|
|
37
|
+
width?: number;
|
|
38
|
+
symbolSize?: number;
|
|
39
|
+
smooth?: boolean;
|
|
40
|
+
};
|
|
41
|
+
/** 标签配置 (最高点) */
|
|
42
|
+
labelConfig?: {
|
|
43
|
+
color?: string;
|
|
44
|
+
fontSize?: number;
|
|
45
|
+
fontWeight?: string | number;
|
|
46
|
+
formatter?: string | ((value: any) => string);
|
|
47
|
+
backgroundColor?: string;
|
|
48
|
+
padding?: number | number[];
|
|
49
|
+
borderRadius?: number;
|
|
50
|
+
};
|
|
51
|
+
/** 坐标轴配置 */
|
|
52
|
+
axisConfig?: {
|
|
53
|
+
xAxisLineColor?: string;
|
|
54
|
+
xAxisLabelColor?: string;
|
|
55
|
+
xAxisLabelFontSize?: number;
|
|
56
|
+
yAxisLabelColor?: string;
|
|
57
|
+
yAxisLabelFontSize?: number;
|
|
58
|
+
splitLineColor?: string;
|
|
59
|
+
splitLineType?: 'solid' | 'dashed' | 'dotted';
|
|
60
|
+
};
|
|
61
|
+
/** 提示框配置 */
|
|
62
|
+
tooltipConfig?: {
|
|
63
|
+
show?: boolean;
|
|
64
|
+
trigger?: 'item' | 'axis' | 'none';
|
|
65
|
+
[key: string]: any;
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
declare const StyleSeventeen: React.FC<StyleSeventeenProps>;
|
|
69
|
+
export default StyleSeventeen;
|
|
70
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chart/StyleSeventeen/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAKvC,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE;QACb,IAAI,EAAE,MAAM,CAAC;QACb,EAAE,EAAE,MAAM,CAAC;KACZ,CAAC;CACH;AAED,UAAU,mBAAmB;IAC3B,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,aAAa;IACb,aAAa,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC/C,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;QAC9C,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;QAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;KACvB,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;IAEF,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,CAoKjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|