Skip to content
Toggle navigation
P
Projects
G
Groups
S
Snippets
Help
Administrator
/
level3-lesson24-diy2
This project
Loading...
Sign in
Toggle navigation
Go to a project
Project
Repository
Issues
0
Merge Requests
0
Pipelines
Wiki
Snippets
Members
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Commit
32f2d6cf
authored
Dec 16, 2023
by
BellCodeEditor
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
save project
parent
1c74bdbe
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
with
392 additions
and
3 deletions
1.hmtl
1.html
my_analysis.py
1.hmtl
0 → 100644
View file @
32f2d6cf
<!DOCTYPE html>
<html>
<head>
<meta
charset=
"UTF-8"
>
<title>
Awesome-pyecharts
</title>
<script
type=
"text/javascript"
src=
"https://assets.pyecharts.org/assets/echarts.min.js"
></script>
</head>
<body>
<div
id=
"8f7eb34ad69d4536b1a0de44bc10a0c4"
class=
"chart-container"
style=
"width:900px; height:500px;"
></div>
<script>
var
chart_8f7eb34ad69d4536b1a0de44bc10a0c4
=
echarts
.
init
(
document
.
getElementById
(
'8f7eb34ad69d4536b1a0de44bc10a0c4'
),
'white'
,
{
renderer
:
'canvas'
});
var
option_8f7eb34ad69d4536b1a0de44bc10a0c4
=
{
"animation"
:
true
,
"animationThreshold"
:
2000
,
"animationDuration"
:
1000
,
"animationEasing"
:
"cubicOut"
,
"animationDelay"
:
0
,
"animationDurationUpdate"
:
300
,
"animationEasingUpdate"
:
"cubicOut"
,
"animationDelayUpdate"
:
0
,
"color"
:
[
"#c23531"
,
"#2f4554"
,
"#61a0a8"
,
"#d48265"
,
"#749f83"
,
"#ca8622"
,
"#bda29a"
,
"#6e7074"
,
"#546570"
,
"#c4ccd3"
,
"#f05b72"
,
"#ef5b9c"
,
"#f47920"
,
"#905a3d"
,
"#fab27b"
,
"#2a5caa"
,
"#444693"
,
"#726930"
,
"#b2d235"
,
"#6d8346"
,
"#ac6767"
,
"#1d953f"
,
"#6950a1"
,
"#918597"
],
"series"
:
[
{
"type"
:
"bar"
,
"name"
:
"\u671f\u4e2d\u6210\u7ee9"
,
"legendHoverLink"
:
true
,
"data"
:
[
92
,
95
,
82
,
88
],
"showBackground"
:
false
,
"barWidth"
:
40
,
"barMinHeight"
:
0
,
"barCategoryGap"
:
"20%"
,
"barGap"
:
"30%"
,
"large"
:
false
,
"largeThreshold"
:
400
,
"seriesLayoutBy"
:
"column"
,
"datasetIndex"
:
0
,
"clip"
:
true
,
"zlevel"
:
0
,
"z"
:
2
,
"label"
:
{
"show"
:
true
,
"position"
:
"top"
,
"margin"
:
8
}
},
{
"type"
:
"bar"
,
"name"
:
"\u671f\u672b\u6210\u7ee9"
,
"legendHoverLink"
:
true
,
"data"
:
[
95
,
79
,
93
,
90
],
"showBackground"
:
false
,
"barWidth"
:
40
,
"barMinHeight"
:
0
,
"barCategoryGap"
:
"20%"
,
"barGap"
:
"30%"
,
"large"
:
false
,
"largeThreshold"
:
400
,
"seriesLayoutBy"
:
"column"
,
"datasetIndex"
:
0
,
"clip"
:
true
,
"zlevel"
:
0
,
"z"
:
2
,
"label"
:
{
"show"
:
true
,
"position"
:
"top"
,
"margin"
:
8
}
}
],
"legend"
:
[
{
"data"
:
[
"\u671f\u4e2d\u6210\u7ee9"
,
"\u671f\u672b\u6210\u7ee9"
],
"selected"
:
{
"\u671f\u4e2d\u6210\u7ee9"
:
true
,
"\u671f\u672b\u6210\u7ee9"
:
true
}
}
],
"tooltip"
:
{
"show"
:
true
,
"trigger"
:
"item"
,
"triggerOn"
:
"mousemove|click"
,
"axisPointer"
:
{
"type"
:
"line"
},
"showContent"
:
true
,
"alwaysShowContent"
:
false
,
"showDelay"
:
0
,
"hideDelay"
:
100
,
"textStyle"
:
{
"fontSize"
:
14
},
"borderWidth"
:
0
,
"padding"
:
5
},
"xAxis"
:
[
{
"show"
:
true
,
"scale"
:
false
,
"nameLocation"
:
"end"
,
"nameGap"
:
15
,
"gridIndex"
:
0
,
"inverse"
:
false
,
"offset"
:
0
,
"splitNumber"
:
5
,
"minInterval"
:
0
,
"splitLine"
:
{
"show"
:
false
,
"lineStyle"
:
{
"show"
:
true
,
"width"
:
1
,
"opacity"
:
1
,
"curveness"
:
0
,
"type"
:
"solid"
}
},
"data"
:
[
"\u6d48\u6d48"
,
"\u806a\u806a"
,
"\u5c0f\u667a"
,
"\u6ce2\u5947"
]
}
],
"yAxis"
:
[
{
"show"
:
true
,
"scale"
:
false
,
"nameLocation"
:
"end"
,
"nameGap"
:
15
,
"gridIndex"
:
0
,
"inverse"
:
false
,
"offset"
:
0
,
"splitNumber"
:
5
,
"minInterval"
:
0
,
"splitLine"
:
{
"show"
:
false
,
"lineStyle"
:
{
"show"
:
true
,
"width"
:
1
,
"opacity"
:
1
,
"curveness"
:
0
,
"type"
:
"solid"
}
}
}
]
};
chart_8f7eb34ad69d4536b1a0de44bc10a0c4
.
setOption
(
option_8f7eb34ad69d4536b1a0de44bc10a0c4
);
</script>
</body>
</html>
1.html
0 → 100644
View file @
32f2d6cf
<!DOCTYPE html>
<html>
<head>
<meta
charset=
"UTF-8"
>
<title>
Awesome-pyecharts
</title>
<script
type=
"text/javascript"
src=
"https://assets.pyecharts.org/assets/echarts.min.js"
></script>
</head>
<body>
<div
id=
"d785b77f868540d685fb6cc7644f1398"
class=
"chart-container"
style=
"width:900px; height:500px;"
></div>
<script>
var
chart_d785b77f868540d685fb6cc7644f1398
=
echarts
.
init
(
document
.
getElementById
(
'd785b77f868540d685fb6cc7644f1398'
),
'white'
,
{
renderer
:
'canvas'
});
var
option_d785b77f868540d685fb6cc7644f1398
=
{
"animation"
:
true
,
"animationThreshold"
:
2000
,
"animationDuration"
:
1000
,
"animationEasing"
:
"cubicOut"
,
"animationDelay"
:
0
,
"animationDurationUpdate"
:
300
,
"animationEasingUpdate"
:
"cubicOut"
,
"animationDelayUpdate"
:
0
,
"color"
:
[
"#c23531"
,
"#2f4554"
,
"#61a0a8"
,
"#d48265"
,
"#749f83"
,
"#ca8622"
,
"#bda29a"
,
"#6e7074"
,
"#546570"
,
"#c4ccd3"
,
"#f05b72"
,
"#ef5b9c"
,
"#f47920"
,
"#905a3d"
,
"#fab27b"
,
"#2a5caa"
,
"#444693"
,
"#726930"
,
"#b2d235"
,
"#6d8346"
,
"#ac6767"
,
"#1d953f"
,
"#6950a1"
,
"#918597"
],
"series"
:
[
{
"type"
:
"bar"
,
"name"
:
"\u671f\u4e2d\u6210\u7ee9"
,
"legendHoverLink"
:
true
,
"data"
:
[
92
,
95
,
82
,
8
],
"showBackground"
:
false
,
"barWidth"
:
40
,
"barMinHeight"
:
0
,
"barCategoryGap"
:
"20%"
,
"barGap"
:
"30%"
,
"large"
:
false
,
"largeThreshold"
:
400
,
"seriesLayoutBy"
:
"column"
,
"datasetIndex"
:
0
,
"clip"
:
true
,
"zlevel"
:
0
,
"z"
:
2
,
"label"
:
{
"show"
:
true
,
"position"
:
"top"
,
"margin"
:
8
}
},
{
"type"
:
"bar"
,
"name"
:
"\u671f\u672b\u6210\u7ee9"
,
"legendHoverLink"
:
true
,
"data"
:
[
95
,
79
,
93
,
90
],
"showBackground"
:
false
,
"barWidth"
:
40
,
"barMinHeight"
:
0
,
"barCategoryGap"
:
"20%"
,
"barGap"
:
"30%"
,
"large"
:
false
,
"largeThreshold"
:
400
,
"seriesLayoutBy"
:
"column"
,
"datasetIndex"
:
0
,
"clip"
:
true
,
"zlevel"
:
0
,
"z"
:
2
,
"label"
:
{
"show"
:
true
,
"position"
:
"top"
,
"margin"
:
8
}
}
],
"legend"
:
[
{
"data"
:
[
"\u671f\u4e2d\u6210\u7ee9"
,
"\u671f\u672b\u6210\u7ee9"
],
"selected"
:
{
"\u671f\u4e2d\u6210\u7ee9"
:
true
,
"\u671f\u672b\u6210\u7ee9"
:
true
}
}
],
"tooltip"
:
{
"show"
:
true
,
"trigger"
:
"item"
,
"triggerOn"
:
"mousemove|click"
,
"axisPointer"
:
{
"type"
:
"line"
},
"showContent"
:
true
,
"alwaysShowContent"
:
false
,
"showDelay"
:
0
,
"hideDelay"
:
100
,
"textStyle"
:
{
"fontSize"
:
14
},
"borderWidth"
:
0
,
"padding"
:
5
},
"xAxis"
:
[
{
"show"
:
true
,
"scale"
:
false
,
"nameLocation"
:
"end"
,
"nameGap"
:
15
,
"gridIndex"
:
0
,
"inverse"
:
false
,
"offset"
:
0
,
"splitNumber"
:
5
,
"minInterval"
:
0
,
"splitLine"
:
{
"show"
:
false
,
"lineStyle"
:
{
"show"
:
true
,
"width"
:
1
,
"opacity"
:
1
,
"curveness"
:
0
,
"type"
:
"solid"
}
},
"data"
:
[
"\u6d48\u6d48"
,
"\u806a\u806a"
,
"\u5c0f\u667a"
,
"\u6ce2\u5947"
]
}
],
"yAxis"
:
[
{
"show"
:
true
,
"scale"
:
false
,
"nameLocation"
:
"end"
,
"nameGap"
:
15
,
"gridIndex"
:
0
,
"inverse"
:
false
,
"offset"
:
0
,
"splitNumber"
:
5
,
"minInterval"
:
0
,
"splitLine"
:
{
"show"
:
false
,
"lineStyle"
:
{
"show"
:
true
,
"width"
:
1
,
"opacity"
:
1
,
"curveness"
:
0
,
"type"
:
"solid"
}
}
}
]
};
chart_d785b77f868540d685fb6cc7644f1398
.
setOption
(
option_d785b77f868540d685fb6cc7644f1398
);
</script>
</body>
</html>
my_analysis.py
View file @
32f2d6cf
from
pyecharts.charts
import
Bar
from
pyecharts.charts
import
Bar
subjects
=
[
"浈浈"
,
"聪聪"
,
"小智"
,
"波奇"
]
subjects
=
[
"浈浈"
,
"聪聪"
,
"小智"
,
"波奇"
]
scores1
=
[
92
,
95
,
82
,
88
]
# 期中成绩
scores1
=
[
92
,
95
,
82
,
8
]
# 期中成绩
scores2
=
[
95
,
79
,
93
,
90
]
# 期末成绩
scores2
=
[
95
,
79
,
93
,
90
]
# 期末成绩
\ No newline at end of file
bar
=
Bar
()
bar
.
add_xaxis
(
subjects
)
bar
.
add_yaxis
(
"期中成绩"
,
scores1
,
bar_width
=
40
)
bar
.
add_yaxis
(
"期末成绩"
,
scores2
,
bar_width
=
40
)
bar
.
render
(
"1.html"
)
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment