全球疫情可视化实时更新

　　boostrap为前端框架，echarts可视化，jQuery获取、处理数据 前端框架搭好，这里不细说后端用JQuery从API中获取数据

　　以累计确诊病例分布图为例

　　数据源为

　　因为echarts的world.js对应的国家名是英文的，但是从丁香园获取的国家的英文名与echarts地图里存储的英文名之间可能出现不匹配的问题，因此，我自己一个个筛选了那些名字不匹配的国家，进行名字替换，可能还有没有考虑到的国家。

　　初始化

　　注意，这里的id要与前端设置的div的id一致，这样才能匹配

　　配置

　　生成地图

　　这里的mychart与第一步的mychart相对应

　　也分为四大块 标题部分

　　这里没啥好讲的，我这里用了一个日期格式化的函数，感觉还挺常用的，在这里分享一下。这里面用到了正则表达式，但是我还不是很清楚。

　　设置地图及数据

　　参数说明

　　type: 'map’说明是地图，如果type: 'bar’说明是柱状图

　　map: ‘world’, // 指定是世界地图，如果map: 'china’说明是中国地图

　　label show ，显不显示国家名

　　showLegendSymbol，如果你有多个图例的话，在地图上会有小圆点，很丑，所以去掉 鼠标悬浮提示

　　这里是可以不用我们写的，echarts会自动返回name 和value数据作为鼠标悬浮提示，但是会出现每行前面都有一个小圆圈，也很丑，所以还是用formatter自定义悬浮提示的内容。

　　在算死亡率的时候，我想显示小数后两位，且显示为百分比的形式

　　可视化配置

　　参数说明

　　type： 'piecewise’说明定义的范围是一段一段的，如果是continuous表明是连续映射

　　pieces：定义的范围，注意如果有小数点的话，是默认四舍五入把小数点去掉的

　　这里我们需要再设置一个参数precision:2，就可以了

　　inRange设置的映射的颜色

　　left、bottom设置图例的位置，相对于原来向右移10，向上移20

　　textStyle图例文字的一些属性设置

　　[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oOlwda14-1585455053852)(assets/20200329120852426.png)]

　　最后，一定要多看echarts官网的配置手册https://www.echartsjs.com/zh/option.html#title

　　是连续映射

　　pieces：定义的范围，注意如果有小数点的话，是默认四舍五入把小数点去掉的

　　这里我们需要再设置一个参数precision:2，就可以了

　　inRange设置的映射的颜色

　　left、bottom设置图例的位置，相对于原来向右移10，向上移20

　　textStyle图例文字的一些属性设置

　　大佬们都在玩{精选官网网址: www.vip333.Co }值得信任的品牌平台!

　　最后，一定要多看echarts官网的配置手册https://www.echartsjs.com/zh/option.html#title

　　代码链接https://download.csdn.net/download/Hui_R_Q_XIONGDA/12279887

　　后续会更新其他的可视化图