Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commit32752dd

Browse files
added echarts-for-react package and created chart for audit logs
1 parentc4de6d9 commit32752dd

File tree

5 files changed

+114
-1
lines changed

5 files changed

+114
-1
lines changed

‎client/packages/lowcoder/package.json‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -46,6 +46,7 @@
4646
"copy-to-clipboard":"^3.3.3",
4747
"core-js":"^3.25.2",
4848
"echarts":"^5.4.3",
49+
"echarts-for-react":"^3.0.2",
4950
"echarts-wordcloud":"^2.1.0",
5051
"eslint4b-prebuilt-2":"^7.32.0",
5152
"file-saver":"^2.0.5",
Lines changed: 68 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,68 @@
1+
import{StyledReactECharts}from"../auditContants";
2+
3+
constapiUsage=[
4+
{date:'2024-12-07',usage:860},
5+
{date:'2024-12-08',usage:13},
6+
{date:'2024-12-09',usage:0},
7+
{date:'2024-12-10',usage:83},
8+
{date:'2024-12-11',usage:58},
9+
{date:'2024-12-12',usage:0},
10+
{date:'2024-12-13',usage:138},
11+
{date:'2024-12-14',usage:439},
12+
{date:'2024-12-15',usage:11},
13+
{date:'2024-12-16',usage:0},
14+
{date:'2024-12-17',usage:485},
15+
{date:'2024-12-18',usage:907},
16+
{date:'2024-12-19',usage:91},
17+
{date:'2024-12-20',usage:0},
18+
];
19+
20+
exportconstAreaTimeChart=()=>{
21+
constoptions={
22+
tooltip:{
23+
trigger:'axis',
24+
position:(pt:any)=>{
25+
return[pt[0],'10%'];
26+
}
27+
},
28+
title:{
29+
left:'center',
30+
text:'Daily API Usage'
31+
},
32+
xAxis:{
33+
type:'time',
34+
boundaryGap:false
35+
},
36+
yAxis:{
37+
type:'value',
38+
boundaryGap:[0,'100%']
39+
},
40+
dataZoom:[
41+
{
42+
type:'inside',
43+
start:0,
44+
end:20
45+
},
46+
{
47+
start:0,
48+
end:20
49+
}
50+
],
51+
series:[
52+
{
53+
name:'API Usage',
54+
type:'line',
55+
smooth:true,
56+
symbol:'none',
57+
areaStyle:{},
58+
data:apiUsage.map((data)=>[newDate(data.date).getTime(),data.usage])
59+
}
60+
]
61+
};
62+
63+
return(
64+
<StyledReactECharts
65+
option={options}
66+
/>
67+
)
68+
}
Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,7 @@
1+
importReactEChartsfrom'echarts-for-react';
2+
import{styled}from'styled-components';
3+
4+
exportconstStyledReactECharts=styled(ReactECharts)`
5+
width: 100%;
6+
height: 400px;
7+
`;
Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,19 @@
1+
importReactEChartsfrom'echarts-for-react';
2+
import{DetailContainer,DetailContent,Header}from'../theme/styledComponents';
3+
import{HeaderBack}from'../permission/styledComponents';
4+
import{AreaTimeChart}from'./AreaTimeChart';
5+
16
exportdefaultfunctionAudit(){
2-
returnnull;
7+
return(
8+
<DetailContainer>
9+
<Header>
10+
<HeaderBack>
11+
<span>{"Audit Logs"}</span>
12+
</HeaderBack>
13+
</Header>
14+
<DetailContent>
15+
<AreaTimeChart/>
16+
</DetailContent>
17+
</DetailContainer>
18+
)
319
}

‎client/yarn.lock‎

Lines changed: 21 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9149,6 +9149,19 @@ coolshapes-react@lowcoder-org/coolshapes-react:
91499149
languageName: node
91509150
linkType: hard
91519151

9152+
"echarts-for-react@npm:^3.0.2":
9153+
version: 3.0.2
9154+
resolution: "echarts-for-react@npm:3.0.2"
9155+
dependencies:
9156+
fast-deep-equal: ^3.1.3
9157+
size-sensor: ^1.0.1
9158+
peerDependencies:
9159+
echarts: ^3.0.0 || ^4.0.0 || ^5.0.0
9160+
react: ^15.0.0 || >=16.0.0
9161+
checksum: d3b16325befb1294d99f6f089462415be739c1654370945eef2172efd5868596f10e4cd021e0ff65b89a6f9de5e9c331ccf3765d9167ccb12d573f9632b5b7a6
9162+
languageName: node
9163+
linkType: hard
9164+
91529165
"echarts-wordcloud@npm:^2.1.0":
91539166
version: 2.1.0
91549167
resolution: "echarts-wordcloud@npm:2.1.0"
@@ -14101,6 +14114,7 @@ coolshapes-react@lowcoder-org/coolshapes-react:
1410114114
core-js: ^3.25.2
1410214115
dotenv: ^16.0.3
1410314116
echarts: ^5.4.3
14117+
echarts-for-react: ^3.0.2
1410414118
echarts-wordcloud: ^2.1.0
1410514119
eslint: ^8.0.0
1410614120
eslint-config-react-app: ^7.0.1
@@ -19476,6 +19490,13 @@ coolshapes-react@lowcoder-org/coolshapes-react:
1947619490
languageName: node
1947719491
linkType: hard
1947819492

19493+
"size-sensor@npm:^1.0.1":
19494+
version: 1.0.2
19495+
resolution: "size-sensor@npm:1.0.2"
19496+
checksum: de7050178ae9afee3388eb9191af0902b30ef83c26e8c9d9c203e1b560e270b947d978e4f56d211802112d09ef296931fa612f69155a483900f3b4717a0750d7
19497+
languageName: node
19498+
linkType: hard
19499+
1947919500
"slash@npm:^3.0.0":
1948019501
version: 3.0.0
1948119502
resolution: "slash@npm:3.0.0"

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp