可视化工具:
Apache ECharts
一、个人成绩
要求:
(1) 自选上学期五门课程的考试成绩。
(2) 课程成绩≥90,用蓝色绘制;80≤成绩<90,用绿色绘制;60≤成绩<80,用黄色绘制; 成绩<60,用红色绘制。
(3) 要求五门课程成绩中至少包含(2)中两个分数段的成绩。
(4) 绘制图形标题中请填写自己的真实姓名。
(5) 先截取绘制后的图形,然后将代码截图或粘贴到绘制图形的后面。
- 图形:
- 代码:
option = {
title:{
text:'各科成绩分布表(姓名:刘浩)'
},
xAxis: {
type: 'category',
data: ['高等数学','线性代数', '马克思主义基本原理', '数据结构与算法', '数据库系统原理']
},
yAxis: {
type: 'value'
},
series: [
{
data: [
{
value:67,
itemStyle:{
color:'khaki'
}
},
{
value: 79.6,
itemStyle: {
color: 'khaki'
}
},
{
value:87.8,
itemStyle:{
color:'lightgreen'
}
},
{
value:76.5,
itemStyle:{
color:'khaki'
}
},
{
value:92.8,
itemStyle:{
color:'cornflowerblue'
}
}
],
type: 'bar'
}
]
};
二、一周消费情况
要求:
(1) 统计本人一周内每天的消费金额情况。
(2) 绘制图形标题中请填写自己的真实姓名。
(3) 先截取绘制后的图形,然后将代码截图或粘贴到绘制图形的后面。
- 图形:
- 代码:
option = {
title: {
text: '一周消费情况统计',
subtext: '姓名:刘浩',
left: 'center'
},
tooltip: {
trigger: 'item'
},
legend: {
orient: 'vertical',
left: 'left'
},
series: [
{
name: 'Access From',
type: 'pie',
radius: '50%',
data: [
{ value: 40, name: '周一' },
{ value: 35, name: '周二' },
{ value: 30, name: '周三' },
{ value: 31, name: '周四' },
{ value: 33, name: '周五' },
{ value: 45, name: '周六' },
{ value: 63, name: '周日' }
],
emphasis: {
itemStyle: {
shadowBlur: 10,
shadowOffsetX: 10,
shadowColor: 'rgba(0, 0, 0, 0.5)'
}
}
}
]
};
三、每次实验完成所花费的时间
要求:
(1) 自选呈现的图形类型,但不能再使用题目一(柱状图)、题目二(饼图)中的图形类型。
(2) 绘制图形标题中请填写自己的真实姓名。
(3) 先截取绘制后的图形,然后将代码截图或粘贴到绘制图形的后面。
-
图形:
-
代码:
option = {
title:{
text:'十次实验完成所花费的时间(分钟)',
subtext:'姓名:刘浩'
},
xAxis: {
type: 'category',
data: [
'实验1', '实验2', '实验3', '实验4', '实验5',
'实验6', '实验7', '实验8', '实验9', '实验10'
]
},
yAxis: {
type: 'value'
},
series: [
{
data: [40, 44, 57, 71, 62, 58, 47,79,45,66],
type: 'line',
smooth: true
}
]
};