2019-nCoV 全国新型肺炎疫情每日动态趋势可视图

 更新时间:2020年02月01日 10:39:09   作者:JackieZhengChina  
大家被新型冠状病毒搞的人心慌慌,每天宅在家里那也去不了,今天小编给大家分享2019-nCoV 全国新型肺炎疫情每日动态趋势可视图,需要的朋友可以参考下

传染源: 野生动物,可能为中华菊头蝠

病毒: 新型冠状病毒 2019-nCoV

传播途径: 经呼吸道飞沫传播,亦可通过接触传播

易感人群: 人群普遍易感。老年人及有基础疾病者感染后病情较重,儿童及婴幼儿也有发病

潜伏期: 一般为 3~7 天,最长不超过 14 天,潜伏期内存在传染性

(信息来源:丁香园·丁香医生 2020年1月29日) 

<!doctype html>
<html lang="en">
 
<head>
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <meta name="Generator" content="EditPlus®">
 <meta name="Author" content="">
 <meta name="Keywords" content="">
 <meta name="Description" content="">
 <title>全国新型肺炎疫情每日动态</title>
 <script src="https://cdn.bootcss.com/echarts/4.4.0-rc.1/echarts.min.js"></script>
 <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
 <style>
 html,
 body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
 }
 
 #dataFrom {
  font-size: 14px;
  text-align: right;
  margin-right: 40px;
 }
 
 #main {
  width: 100%;
  height: calc(100% - 30px);
 }
 </style>
</head>
 
<body>
 <div id="main"></div>
 <div id="dataFrom">(数据来源:<a href="http://www.nhc.gov.cn/xcs/yqtb/list_gzbd.shtml" rel="external nofollow" 
  target="_blank">中华人民共和国国家卫生健康委员会</a>)</div>
 <script type="text/javascript">
 var myChart = echarts.init(document.getElementById('main'));
 var dataSource = [];
 $.ajaxSettings.async = false;
 $.getJSON("../Json/data.json?" + Date.parse(new Date()), function (data) {
  dataSource = data;
 })
 
 option = {
  title: {
  text: '全国新型肺炎疫情每日动态',
  x: 'center',
  y: 'bottom',
  },
  legend: {},
  tooltip: {},
  dataset: {
  dimensions: ['日期', '确诊', '疑似', '重症', '死亡', '治愈', '确认+疑似', '新增(疑似+确认)', '观察中'],
  source: dataSource,
  },
  xAxis: { type: 'category' },
  yAxis: {},
  series: [
  { type: 'bar' },
  { type: 'bar' },
  { type: 'bar' },
  { type: 'bar' },
  { type: 'bar' },
  {
   type: 'line',
   label: {
   normal: {
    show: true,
    position: 'top',
   }
   }
  },
  {
   type: 'line',
   label: {
   normal: {
    show: true,
    position: 'top',
   }
   }
  },
  {
   type: 'line',
   label: {
   normal: {
    show: true,
    position: 'top',
   }
   }
  }
  ]
 };
 myChart.setOption(option);
 window.onresize = () => this.myChart.resize();
 </script>
</body>
 
</html>

 图表查看地址:

https://jackiezheng.github.io/2019-nCoV/web/index.html

Github地址:

https://github.com/JackieZheng/2019-nCoV

总结

以上所述是小编给大家介绍的2019-nCoV 全国新型肺炎疫情每日动态趋势可视图,希望对大家有所帮助!

相关文章

  • VsCode运行html界面的实战步骤

    VsCode运行html界面的实战步骤

    在VSCode中默认编写的HTML页面是不能运行的,下面这篇文章主要给大家介绍了关于VsCode运行html界面的相关资料,文中通过图文介绍的非常详细,需要的朋友可以参考下
    2022-10-10
  • CommonLisp中解析命令行参数示例

    CommonLisp中解析命令行参数示例

    这篇文章主要为大家介绍了CommonLisp中解析命令行参数示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 最新Listary v5.00.2843注册码 亲测可用

    最新Listary v5.00.2843注册码 亲测可用

    listary是 windows 下一款可以快速搜索所有程序、文件,并且可以快速启动程序和打开相应文件的优秀的搜索软件,绝对比系统自带搜索速度快很多,而且查询功能丰富,本文给大家分享Listary v5.00.2843注册码,感兴趣的朋友一起看看吧
    2022-07-07
  • IntelliJ IDEA下的SVN使用(傻瓜式教学)

    IntelliJ IDEA下的SVN使用(傻瓜式教学)

    这篇文章主要介绍了IntelliJ IDEA下的SVN使用(傻瓜式教学),文中通过图文示例介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-12-12
  • PHP、JAVA、.NET这三种技术的区别分析

    PHP、JAVA、.NET这三种技术的区别分析

    这篇文章主要介绍了PHP、JAVA、.NET这三种技术的区别分析,本文从多个方面介绍、对比了PHP、JAVA、.NET这三种技术,需要的朋友可以参考下
    2014-08-08
  • Viso 2019 下载与激活方法

    Viso 2019 下载与激活方法

    Visio 是一款专门绘制流程示意图工具,由于很多刚入职的小白没有安装过visio,今天小编抽空给大家分享下Viso 2019 下载与激活方法,感兴趣的朋友一起看看吧
    2023-02-02
  • 网址(URL)支持的最大长度是多少?最大支持多少个字符?

    网址(URL)支持的最大长度是多少?最大支持多少个字符?

    这篇文章主要介绍了网址(URL)支持的最大长度是多少?最大支持多少个字符?本文总结了IIS、apache服务器及浏览器软件Internet Explorer、Firefox、Opera、chrome等主流的浏览器软件支持情况,需要的朋友可以参考下
    2015-07-07
  • NoVNC以Web方式交付VNC远程连接的方法

    NoVNC以Web方式交付VNC远程连接的方法

    noVNC是一个 HTML5 VNC 客户端,采用 HTML 5 WebSockets, Canvas 和 JavaScript 实现,这篇文章主要介绍了NoVNC以Web方式交付VNC远程连接的方法,感兴趣的朋友一起看看吧
    2021-09-09
  • IE Cookie文件格式说明

    IE Cookie文件格式说明

    前几天写了个工具 CookieAdmin 来查看 IE 的 Cookie 有人问到实现原理,就写了这篇文章 我不善于写文档或文章,所以还是代码说话吧
    2009-12-12
  • Runnable.com 在线测试代码片分享网站

    Runnable.com 在线测试代码片分享网站

    Runnable是一个一站式的代码片段集合网站,你不仅可以搜索代码,还可以编辑、运行这些代码片段,以确保它们的正确性与可用性
    2013-12-12

最新评论