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

所属分类: 网络编程 / 其它综合 阅读数: 822
收藏 0 赞 0 分享

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

病毒: 新型冠状病毒 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 全国新型肺炎疫情每日动态趋势可视图,希望对大家有所帮助!

更多精彩内容其他人还在看

软件测试面试如何测试一个杯子

本文主要介绍软件测试面试如何测试一个杯子,这里帮大家整理了详细的面试资料,和面试需要准备的知识点,有兴趣的小伙伴可以参考下
收藏 0 赞 0 分享

软件测试面试如何测试网页的登录页面

本文主要介绍软件测试面试如何测试网页的登录页面,这里整理了相关软件测试的一些基本知识,希望能帮助软件测试的同学
收藏 0 赞 0 分享

常见前端面试题及答案

本文是在GitHub上看到一个大牛总结的前端常见面试题,很多问题问的都很好,很经典、很有代表性。上面没有答案,我就整理了一下,从网上找了一些相关问题的答案
收藏 0 赞 0 分享

PHP和Java的主要区别有哪些?哪个最适合Web开发语言?

Java和PHP都是编程语言,大家知道它们最大的区别就是一个是静态语言一个是动态语言吧。没错,Java是一种静态语言,PHP是一种动态语言。那它们还有哪些区别? 哪个最适合Web开发语言?下面,小编再给大家详细介绍下。
收藏 0 赞 0 分享

玩转markdown 分享几个需要用到的工具

markdown是一个面向写作的语法引擎,markdown的最终目的都是解析成html用于网页浏览,所以它兼容html语法,即你可以在 markdown文档中使用原生的html标签
收藏 0 赞 0 分享

可能是最通俗的一篇介绍markdown的文章

这些日子一直在简书上使用markdown写作,已经渐渐的痴迷于这种简洁纯粹的写作方式了。不过就我逐渐入门markdown的写作过程来看,目前我看到的各种介绍markdown写作方式的文章都还略显极客,对于大多数像我一样没有基础的普通人来说,可能内容上的可接受性没有那么强
收藏 0 赞 0 分享

献给写作者的 Markdown 新手指南

Markdown 是一种「电子邮件」风格的「标记语言」,我们强烈推荐所有写作者学习和掌握该语言。为什么
收藏 0 赞 0 分享

github pull最新代码实现方法

本文主要介绍 github pull最新代码的资料,这里对 github pull最新代码做了详细流程介绍,有需要的小伙伴可以参考下
收藏 0 赞 0 分享

GitHub Eclipse配置使用教程详解

本文主要介绍GitHub Eclipse,这里对Eclipse 使用GitHub的教程,图文并茂详细说明如何操作,有需要的小伙伴可以参考下
收藏 0 赞 0 分享

Git 教程简单入门介绍

本文主要介绍Git 教程简单入门的东西,这里整理了Git 的基础资料和简单命令,有需要的小伙伴可以参考下
收藏 0 赞 0 分享
查看更多