武汉加油,中国加油web
新冠疫情严重,各大网站都有本身的疫情发布页面,若是只是作全国的展现,看他们的便可。但若是要定制本省市的,则须要进行自定义开发,搜索了一下网站,真有源码的,费了九牛二虎之力,发现所谓的源码,就是作了一个iframe,把别的页面嵌入进去,真是。。。万马奔腾。。。坑。。。
因而,结合上一篇文章中收集到的各地的疫情数据,找了几个网站的UI,临时作了一个本省市的疫情发布系统。其中
地图部分,网上找的各地的json文件,替换成本身的便可,使用echarts组件
图表部分,自定义服务,使用echarts组件展现
其中后台服务举例sql
/// <summary> /// 获取折线图数据 /// </summary> [WebMethod] public void GetLineData() { Context.Response.ContentEncoding = System.Text.Encoding.GetEncoding("UTF-8"); Context.Response.ContentType = "text/plain"; string sql = "SELECT substring(CONVERT(varchar(100),sdate,102),6,5) as '日期',sconfirm as '确诊',snew as '新增',swarning as '重症',scure as '治愈',sdead as '死亡' FROM ncov_lineData t "; DataTable dataTable = DbHelperSQL.Query(sql).Tables[0]; int isOK = 0; if (dataTable == null) isOK = 1; var column = new string[] { "日期", "确诊", "新增", "重症", "治愈", "死亡" }; var rows = dataTable; var data = new { columns = column, rows = rows }; var result = new { code = isOK, data = data }; Context.Response.Write(JsonConvert.SerializeObject(result)); Context.Response.End(); }
以天津为例,展现效果以下
统计数据
发布图数据(如天津中心城区比较小的,能够单独出一个图)
区县表格数据和折线图
饼状图
json