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
473894d3
authored
Sep 12, 2021
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
391 additions
and
2 deletions
2,html
2.html
my_analysis.py
2,html
0 → 100644
View file @
473894d3
<!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=
"a7da5cea1699425aa479dc1850d0b61d"
class=
"chart-container"
style=
"width:900px; height:500px;"
></div>
<script>
var
chart_a7da5cea1699425aa479dc1850d0b61d
=
echarts
.
init
(
document
.
getElementById
(
'a7da5cea1699425aa479dc1850d0b61d'
),
'white'
,
{
renderer
:
'canvas'
});
var
option_a7da5cea1699425aa479dc1850d0b61d
=
{
"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"
:
"\u7537"
,
"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"
:
"\u5973"
,
"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"
:
[
"\u7537"
,
"\u5973"
],
"selected"
:
{
"\u7537"
:
true
,
"\u5973"
:
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_a7da5cea1699425aa479dc1850d0b61d
.
setOption
(
option_a7da5cea1699425aa479dc1850d0b61d
);
</script>
</body>
</html>
2.html
0 → 100644
View file @
473894d3
<!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=
"360edb6859b54888be7537e6a8d0af72"
class=
"chart-container"
style=
"width:900px; height:500px;"
></div>
<script>
var
chart_360edb6859b54888be7537e6a8d0af72
=
echarts
.
init
(
document
.
getElementById
(
'360edb6859b54888be7537e6a8d0af72'
),
'white'
,
{
renderer
:
'canvas'
});
var
option_360edb6859b54888be7537e6a8d0af72
=
{
"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"
:
"\u7537"
,
"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"
:
"\u5973"
,
"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"
:
[
"\u7537"
,
"\u5973"
],
"selected"
:
{
"\u7537"
:
true
,
"\u5973"
:
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_360edb6859b54888be7537e6a8d0af72
.
setOption
(
option_360edb6859b54888be7537e6a8d0af72
);
</script>
</body>
</html>
my_analysis.py
View file @
473894d3
...
...
@@ -2,4 +2,10 @@ from pyecharts.charts import Bar
subjects
=
[
"浈浈"
,
"聪聪"
,
"小智"
,
"波奇"
]
scores1
=
[
92
,
95
,
82
,
88
]
# 期中成绩
scores2
=
[
95
,
79
,
93
,
90
]
# 期末成绩
\ No newline at end of file
scores2
=
[
95
,
79
,
93
,
90
]
# 期末成绩
bar
=
Bar
()
bar
.
add_xaxis
(
subjects
)
bar
.
add_yaxis
(
"男"
,
scores1
,
bar_width
=
40
)
bar
.
add_yaxis
(
"女"
,
scores2
,
bar_width
=
40
)
bar
.
render
(
"2.html"
)
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