个人作业阶段三 1

第三阶段的要求：

1）要求没人录入15天的体温数据

2）以折线图或柱状图展示个人15天的体温变化情况

3）可以通过地图的形式来直观显示全班体温的大致分布情况，还可以查看具体省份的体温统计情况。

4）用颜色深浅代表各个省市的人数，并按各个省市统计体温正常，未上报，异常的人数

5）鼠标移到每个省份会高亮显示，并且显示简单的数据

 

设计思路：

1）再次使用echarts 控件进行数据的可视化

2）用户点击地图浏览，可以展示出中国地图，展示相关数据

3）需要导入 echart.js 和 china.js

 

遇到的问题：

 

chain.js 工具的地区名称和自己的数据的名称不对应

 

解决方法：自定义名称映射 nameMap

nameMap : {

                            '南海诸岛' : '南海诸岛',
                            '北京' : '北京市',
                            '天津' : '天津市',
                            '上海' : '上海市',
                            '重庆' : '重庆市',
                            '河北' : '河北省',
                            '河南' : '河南省',
                            '云南' : '云南省',
                            '辽宁' : '辽宁省',
                            '黑龙江' : '黑龙江省',
                            '湖南' : '湖南省',
                            '安徽' : '安徽省',
                            '山东' : '山东省',
                            '新疆' : '新疆维吾尔自治区',
                            '江苏' : '江苏省',
                            '浙江' : '浙江省',
                            '江西' : '江西省',
                            '湖北' : '湖北省',
                            '广西' : '广西壮族自治区',
                            '甘肃' : '甘肃省',
                            '山西' : '山西省',
                            '内蒙古' : "内蒙古自治区",
                            '陕西' : '陕西省',
                            '吉林' : '吉林省',
                            '福建' : '福建省',
                            '贵州' : '贵州省',
                            '广东' : '广东省',
                            '青海' : '青海省',
                            '西藏' : '西藏自治区',
                            '四川' : '四川省',
                            '宁夏' : '宁夏回族自治区',
                            '海南' : '海南省',
                            '台湾' : '台湾',
                            '香港' : '香港',
                            '澳门' : '澳门'
                        }