当前位置: 首页 > Web前端 > JavaScript

Vue3+x-sheet创建在线疫情高峰预测数据表

时间:2023-03-27 16:14:22 JavaScript

#demo{宽度:100%;height:100%;}背景近日,大数据专家利用百度“发热”搜索指数、公众疫情感染人数和其他指标。Indexcumulativearea”,通过城市搜索指数的累计增长和累计速度,我们可以计算出每个城市的疫情大致高峰时间,以及疫情结束时间。作者表示,这个推算计算是根据对台湾、香港特别行政区和日本的感染情况以及谷歌搜索“发烧”搜索指数的分析,找到了一种可能有助于预测感染高峰期的方法,但可能不够准确。但具有一定的参考意义,由于预测模型的设计和计算非常复杂,作者非常专业,基于对疫情实际发展、头条产品、百度全民搜索指数的持续关注,不断调整模型,修复了原有预测模型中存在的诸多问题,如对于多个疫情的合并计算,t的尾部疫情结束时间的算法范围太广,小城市没有统计,医疗流失问题等等。此次12月22日更新的数据表在之前的数据基础上增加了一个累计感染率。经过几次模型优化后,数据会趋于稳定。接下来,小编将展示如何制作属于自己的在线疫情高峰预测数据表。我们使用开源的在线电子表格插件x-sheet来实现该解决方案。让我们看看效果。在线预览针对各城市第一波感染高峰预测数据表。启动vue3x-sheet项目的步骤参考这篇文章初始化一个vue3+x-sheet项目vue3+x-sheet创建自己的在线表单应用添加表单组件在src/components目录下新建一个表单组件Forecast。vue<模板>

#demo{宽度:100%;height:100%;}这里将x-sheet实例挂载到window上,方便我们后面下载数据,因为多了一个window.xsheet变量,所以需要声明补充类型文件vite-env.d.ts中的xsheet///export{};declareglobal{interfaceWindow{xsheet:any;XSheet:任何;}}制作表单数据一般情况下,我们直接根据配置信息初始化数据即可。初始化配置信息可以参考这里:X-Sheet开发教程:初始化配置自定义布局,不过这里的数据量不小。我们采用先编辑后导出JSON的思路。获取初始化数据。首先我们准备好原始Excel数据,复制粘贴到x-sheet界面,得到全国城市疫情高峰预报明细数据表Excel,因为目前版本的x-sheet还没有完全支持粘贴功能,调一下样式,感觉样式ok,这里可以使用刚刚挂载到window上的tablex-sheet实例取数据,在控制台输入window.xsheet.getWork().getBody().getAllSheetJson()会立即触发下载一个js文件,也就是当前sheet数据现在把这个文件放到我们vue3项目的/public/js文件夹下,重命名为forecast.js,把js文件中的window变量重命名为wellwindow['forecast']={/*其他代码*/}引入表数据导入根目录下index.html中的forecast.js文件,并使用Forecast.vue中的表数据初始化x-sheetwindow。xsheet=newwindow.XSheet("#demo",{workConfig:{body:{sheets:[window["forecast"]],},},});不要忘记在vite-env.d.ts中声明补充预测的类型///export{};declareglobal{interfaceWindow{xsheet:any;XSheet:任何;预测:任何;}}现在刷新界面,就可以正常显示数据了。综上所述,以上就是小编实现的vue3x-sheet制作在线疫情高峰预报数据表。参考本教程,您可以自由定制属于自己的个性化在线表单申请。详细源码参考https://github.com/openHackin...教程比较初级,欢迎大家一起学习讨论。参考使用x-sheet搭建在线疫情高峰预测数据表x-sheetgitee免费开源高性能JavaScript电子表格:X-Sheet体验入门X-Sheet开发教程:初始化和配置自定义布局