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
10dc6d10
authored
Apr 08, 2023
by
BellCodeEditor
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
save project
parent
90f1cdc5
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
242 additions
and
63 deletions
my_analysis.py
render.html
my_analysis.py
View file @
10dc6d10
from
pyecharts.charts
import
Line
subjects
=
[
"浈浈"
,
"聪聪"
,
"小智"
,
"波奇"
]
scores1
=
[
150
,
95
,
82
,
88
]
#
scores2
=
[
95
,
79
,
93
,
90
]
#
bar
=
Line
()
bar
.
add_xaxis
(
subjects
)
bar
.
add_yaxis
(
"期中成绩"
,
scores1
,
bar_width
=
40
)
bar
.
add_yaxis
(
"期末成绩"
,
scores2
,
bar_width
=
40
)
bar
.
render
()
\ No newline at end of file
subjects
=
[
"第1次"
,
"第2次"
,
"第3次"
,
"第4次"
,
"第5次"
,
"第6次"
,
"第7次"
,
"第8次"
,
"第9次"
,
"第10次"
]
scores1
=
[
112
,
110
,
118
,
124
,
129
,
132
,
136
,
139
,
134
,
143
]
# 聪聪
scores2
=
[
128
,
131
,
132
,
139
,
130
,
127
,
129
,
131
,
132
,
128
]
# 小杰
scores3
=
[
143
,
145
,
140
,
133
,
134
,
126
,
121
,
120
,
114
,
105
]
# 皮皮
#创建折线图对象
line
=
Line
()
#传入x,y数值
line
.
add_xaxis
(
subjects
)
line
.
add_yaxis
(
"聪聪"
,
scores1
)
line
.
add_yaxis
(
"小杰"
,
scores2
)
line
.
add_yaxis
(
"皮皮"
,
scores3
)
line
.
set_global_opts
(
title_opts
=
{
"text"
:
"成绩走势图"
,
"subtext"
:
"高三数学"
})
#保存到本地文件
line
.
render
()
\ No newline at end of file
render.html
View file @
10dc6d10
...
...
@@ -7,11 +7,11 @@
</head>
<body>
<div
id=
"
55f3c3f0e54742fead3fa353ab81154b
"
class=
"chart-container"
style=
"width:900px; height:500px;"
></div>
<div
id=
"
c024c7bd09ff40d38311990220138a88
"
class=
"chart-container"
style=
"width:900px; height:500px;"
></div>
<script>
var
chart_
55f3c3f0e54742fead3fa353ab81154b
=
echarts
.
init
(
document
.
getElementById
(
'
55f3c3f0e54742fead3fa353ab81154b
'
),
'white'
,
{
renderer
:
'canvas'
});
var
option_
55f3c3f0e54742fead3fa353ab81154b
=
{
var
chart_
c024c7bd09ff40d38311990220138a88
=
echarts
.
init
(
document
.
getElementById
(
'
c024c7bd09ff40d38311990220138a88
'
),
'white'
,
{
renderer
:
'canvas'
});
var
option_
c024c7bd09ff40d38311990220138a88
=
{
"animation"
:
true
,
"animationThreshold"
:
2000
,
"animationDuration"
:
1000
,
...
...
@@ -48,72 +48,233 @@
],
"series"
:
[
{
"type"
:
"bar"
,
"name"
:
"\u671f\u4e2d\u6210\u7ee9"
,
"legendHoverLink"
:
true
,
"type"
:
"line"
,
"name"
:
"\u806a\u806a"
,
"connectNulls"
:
false
,
"symbolSize"
:
4
,
"showSymbol"
:
true
,
"smooth"
:
false
,
"clip"
:
true
,
"step"
:
false
,
"data"
:
[
150
,
95
,
82
,
88
[
"\u7b2c1\u6b21"
,
112
],
[
"\u7b2c2\u6b21"
,
110
],
[
"\u7b2c3\u6b21"
,
118
],
[
"\u7b2c4\u6b21"
,
124
],
[
"\u7b2c5\u6b21"
,
129
],
[
"\u7b2c6\u6b21"
,
132
],
[
"\u7b2c7\u6b21"
,
136
],
[
"\u7b2c8\u6b21"
,
139
],
[
"\u7b2c9\u6b21"
,
134
],
[
"\u7b2c10\u6b21"
,
143
]
],
"showBackground"
:
false
,
"barWidth"
:
40
,
"barMinHeight"
:
0
,
"barCategoryGap"
:
"20%"
,
"barGap"
:
"30%"
,
"large"
:
false
,
"largeThreshold"
:
400
,
"seriesLayoutBy"
:
"column"
,
"datasetIndex"
:
0
,
"clip"
:
true
,
"zlevel"
:
0
,
"z"
:
2
,
"hoverAnimation"
:
true
,
"label"
:
{
"show"
:
true
,
"position"
:
"top"
,
"margin"
:
8
}
},
"lineStyle"
:
{
"show"
:
true
,
"width"
:
1
,
"opacity"
:
1
,
"curveness"
:
0
,
"type"
:
"solid"
},
"areaStyle"
:
{
"opacity"
:
0
},
"zlevel"
:
0
,
"z"
:
0
},
{
"type"
:
"bar"
,
"name"
:
"\u671f\u672b\u6210\u7ee9"
,
"legendHoverLink"
:
true
,
"type"
:
"line"
,
"name"
:
"\u5c0f\u6770"
,
"connectNulls"
:
false
,
"symbolSize"
:
4
,
"showSymbol"
:
true
,
"smooth"
:
false
,
"clip"
:
true
,
"step"
:
false
,
"data"
:
[
95
,
79
,
93
,
90
[
"\u7b2c1\u6b21"
,
128
],
[
"\u7b2c2\u6b21"
,
131
],
[
"\u7b2c3\u6b21"
,
132
],
[
"\u7b2c4\u6b21"
,
139
],
[
"\u7b2c5\u6b21"
,
130
],
[
"\u7b2c6\u6b21"
,
127
],
[
"\u7b2c7\u6b21"
,
129
],
[
"\u7b2c8\u6b21"
,
131
],
[
"\u7b2c9\u6b21"
,
132
],
[
"\u7b2c10\u6b21"
,
128
]
],
"showBackground"
:
false
,
"barWidth"
:
40
,
"barMinHeight"
:
0
,
"barCategoryGap"
:
"20%"
,
"barGap"
:
"30%"
,
"large"
:
false
,
"largeThreshold"
:
400
,
"seriesLayoutBy"
:
"column"
,
"datasetIndex"
:
0
,
"clip"
:
true
,
"hoverAnimation"
:
true
,
"label"
:
{
"show"
:
true
,
"position"
:
"top"
,
"margin"
:
8
},
"lineStyle"
:
{
"show"
:
true
,
"width"
:
1
,
"opacity"
:
1
,
"curveness"
:
0
,
"type"
:
"solid"
},
"areaStyle"
:
{
"opacity"
:
0
},
"zlevel"
:
0
,
"z"
:
2
,
"z"
:
0
},
{
"type"
:
"line"
,
"name"
:
"\u76ae\u76ae"
,
"connectNulls"
:
false
,
"symbolSize"
:
4
,
"showSymbol"
:
true
,
"smooth"
:
false
,
"clip"
:
true
,
"step"
:
false
,
"data"
:
[
[
"\u7b2c1\u6b21"
,
143
],
[
"\u7b2c2\u6b21"
,
145
],
[
"\u7b2c3\u6b21"
,
140
],
[
"\u7b2c4\u6b21"
,
133
],
[
"\u7b2c5\u6b21"
,
134
],
[
"\u7b2c6\u6b21"
,
126
],
[
"\u7b2c7\u6b21"
,
121
],
[
"\u7b2c8\u6b21"
,
120
],
[
"\u7b2c9\u6b21"
,
114
],
[
"\u7b2c10\u6b21"
,
105
]
],
"hoverAnimation"
:
true
,
"label"
:
{
"show"
:
true
,
"position"
:
"top"
,
"margin"
:
8
}
},
"lineStyle"
:
{
"show"
:
true
,
"width"
:
1
,
"opacity"
:
1
,
"curveness"
:
0
,
"type"
:
"solid"
},
"areaStyle"
:
{
"opacity"
:
0
},
"zlevel"
:
0
,
"z"
:
0
}
],
"legend"
:
[
{
"data"
:
[
"\u671f\u4e2d\u6210\u7ee9"
,
"\u671f\u672b\u6210\u7ee9"
"\u806a\u806a"
,
"\u5c0f\u6770"
,
"\u76ae\u76ae"
],
"selected"
:
{
"\u671f\u4e2d\u6210\u7ee9"
:
true
,
"\u671f\u672b\u6210\u7ee9"
:
true
}
"\u806a\u806a"
:
true
,
"\u5c0f\u6770"
:
true
,
"\u76ae\u76ae"
:
true
},
"show"
:
true
,
"padding"
:
5
,
"itemGap"
:
10
,
"itemWidth"
:
25
,
"itemHeight"
:
14
}
],
"tooltip"
:
{
...
...
@@ -155,10 +316,16 @@
}
},
"data"
:
[
"\u6d48\u6d48"
,
"\u806a\u806a"
,
"\u5c0f\u667a"
,
"\u6ce2\u5947"
"\u7b2c1\u6b21"
,
"\u7b2c2\u6b21"
,
"\u7b2c3\u6b21"
,
"\u7b2c4\u6b21"
,
"\u7b2c5\u6b21"
,
"\u7b2c6\u6b21"
,
"\u7b2c7\u6b21"
,
"\u7b2c8\u6b21"
,
"\u7b2c9\u6b21"
,
"\u7b2c10\u6b21"
]
}
],
...
...
@@ -184,9 +351,13 @@
}
}
}
]
],
"title"
:
{
"text"
:
"\u6210\u7ee9\u8d70\u52bf\u56fe"
,
"subtext"
:
"\u9ad8\u4e09\u6570\u5b66"
}
};
chart_
55f3c3f0e54742fead3fa353ab81154b
.
setOption
(
option_55f3c3f0e54742fead3fa353ab81154b
);
chart_
c024c7bd09ff40d38311990220138a88
.
setOption
(
option_c024c7bd09ff40d38311990220138a88
);
</script>
</body>
</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