毕业设计-基于Vue的运动员负荷评估和运动风险预测系统源码.zip

共54个文件

vue：13个

js：13个

png：8个

版权申诉

毕业设计

课程设计

Vue

33 浏览量 2023-09-05 17:54:52 上传评论收藏 15.85MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

毕业设计-基于Vue的运动员负荷评估和运动风险预测系统源码.zip （54个子文件）

frontend

.editorconfig 147B

项目说明.md 810B

src

App.vue 122B

assets

bgm.mp4 2.38MB

img

LARP2.png 4KB

3.png 2.2MB

1.jpg 141KB

LARP1.png 95KB

LARP3cu.png 50KB

LARP3.png 52KB

LARP2cu.png 51KB

LARP2.jpg 28KB

2.png 173KB

starbroken.mp4 10.48MB

main.js 581B

jsconfig.json 150B

style

MainPage.css 768B

base.css 746B

components

NavBar.vue 1022B

sleepTime

SleepLine.vue 1KB

SideBar.vue 2KB

SideBarItem.vue 692B

router

index.js 1KB

views

layout

Souvenir.vue 859B

Risk.vue 868B

HeartRate.vue 1KB

Load.vue 976B

MainPage.vue 2KB

PhysiData.vue 941B

.babelrc 230B

package.json 2KB

build

check-versions.js 1KB

utils.js 3KB

vue-loader.conf.js 553B

webpack.prod.conf.js 5KB

build.js 1KB

webpack.base.conf.js 2KB

webpack.dev.conf.js 3KB

package-lock.json 461KB

.postcssrc.js 246B

index.html 345B

.gitignore 154B

static

slsh.html 8KB

gauge.html 1KB

load.png 88KB

custom-error-bar.html 9KB

.gitkeep 0B

favicon.ico 71KB

dataset-link.html 3KB

config

prod.env.js 61B

index.js 2KB

dev.env.js 156B

<!DOCTYPE html> <html style="height: 100%"> <head> <meta charset="utf-8"> </head> <body style="height: 90vh;">  <div id="container" style="width: 1100px; height:500px;"></div> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@4/dist/echarts.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl@1/dist/echarts-gl.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat@1/dist/ecStat.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@4/dist/extension/dataTool.min.js"></script> <script type="text/javascript"> var dom = document.getElementById("container"); var myChart = echarts.init(dom); var app = {}; option = null; var categoryData = []; //x轴名字 var errorData = []; //红色的显示正常范围，里面元素是列表 var barData = []; //蓝色的测得数据 errorData.push(['2021-9-13', 243, 204]); categoryData.push(2); errorData.push(['2021-12-14', 246, 220]); barData.push(240); //具体数据 errorData.push(['HB', 650, 622]); // 自定义图形渲染逻辑，对于红色的来说 function renderItem(params, api) { var halfWidth = api.size([1, 0])[0] * 0.1; //红色界限的长度 var xValue = api.value(0); var highPoint = api.coord([xValue, api.value(1)]); var lowPoint = api.coord([xValue, api.value(2)]); var style = api.style({ stroke: api.visual('color'), fill: null }); return { type: 'group', children: [{ type: 'line', shape: { x1: highPoint[0] - halfWidth, y1: highPoint[1], x2: highPoint[0] + halfWidth, y2: highPoint[1] }, style: style }, { type: 'line', shape: { x1: highPoint[0], y1: highPoint[1], x2: lowPoint[0], y2: lowPoint[1] }, style: style }, { type: 'line', shape: { x1: lowPoint[0] - halfWidth, y1: lowPoint[1], x2: lowPoint[0] + halfWidth, y2: lowPoint[1] }, style: style }] }; } option = { tooltip: { //提示框组件 trigger: 'axis', //触发类型 axisPointer: { //坐标轴指示器配置 type: 'shadow' //阴影指示器 } }, title: { //表名 text: '生理生化数据' }, legend: { //图例， data: ['bar', 'error'] }, dataZoom: [{ //数据区缩放组件 type: 'slider', start: 50, end: 70 }, { type: 'inside', start: 50, end: 70 }], dataset: { source: [ // 0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 ['datetime', 'HB', 'RBC', 'WBC', 'HCT', 'MCV', 'MCH', 'MCHC', 'CV', 'T', 'CREA', 'UREA', 'CK', 'GLU', 'LDH', 'C' ], ['2021-9-13', 148.00, 4.85, 5.54, 45.15, 93.15, 30.56, 328.1, 12.82, 1.81, 69.06, 5.54, 168.47, 5.3, 161.84, 10.93 ], ['2021-12-14', 133.00, 4.38, 5.05, 37.2, 0, 0, 0, 13, 0.13, 78.8, 4.38, 105, 4.17, 149.3, 0] ] }, xAxis: { type: 'category' //坐标轴类型 }, yAxis: {}, series: [{ type: 'bar', //柱状图类型 name: 'HB', encode: { x: 0, y: 1 }, //数据来自bardata itemStyle: { color: '#77aef7' //颜色 } }, { type: 'bar', //柱状图类型 name: 'RBC', encode: { x: 0, y: 2 }, //数据来自dataset itemStyle: { color: '#44bef7' //颜色 } }, { type: 'bar', //柱状图类型 name: 'WBC', encode: { x: 0, y: 3 }, //数据来自bardata itemStyle: { color: '#77bef7' //颜色 } }, { type: 'bar', //柱状图类型 name: 'HCT', encode: { x: 0, y: 4 }, //数据来自bardata itemStyle: { color: '#77bef7' //颜色 } }, { type: 'bar', //柱状图类型 name: 'MCV', encode: { x: 0, y: 5 }, //数据来自bardata itemStyle: { color: '#77bef7' //颜色 } }, { type: 'bar', //柱状图类型 name: 'MCH', encode: { x: 0, y: 6 }, //数据来自bardata itemStyle: { color: '#77bef7' //颜色 } }, { type: 'bar', //柱状图类型 name: 'MCHC', encode: { x: 0, y: 7 }, //数据来自bardata itemStyle: { color: '#77bef7' //颜色 } }, { type: 'bar', //柱状图类型 name: 'CV', encode: { x: 0, y: 8 }, //数据来自bardata itemStyle: { color: '#77bef7' //颜色 } }, { type: 'bar', //柱状图类型 name: 'T', encode: { x: 0, y: 9 }, //数据来自bardata itemStyle: { color: '#77bef7' //颜色 } }, { type: 'bar', //柱状图类型 name: 'CREA', encode: { x: 0, y: 10 }, //数据来自bardata itemStyle: { color: '#77bef7' //颜色 } }, { type: 'bar', //柱状图类型 name: 'UREA', encode: { x: 0, y: 11 }, //数据来自bardata itemStyle: { color: '#77bef7' //颜色 } }, { type: 'bar', //柱状图类型 name: 'CK', encode: { x: 0, y: 12 }, //数据来自bardata itemStyle: { color: '#77bef7' //颜色 } }, { type: 'bar', //柱状图类型 name: 'GLU', encode: { x: 0, y: 13 }, //数据来自bardata itemStyle: { color: '#77bef7' //颜色 } }, { type: 'bar', //柱状图类型 name: 'LDH', encode: { x: 0, y: 14 }, //数据来自bardata itemStyle: { color: '#77bef7' //颜色 } }, { type: 'bar', //柱状图类型 name: 'C', encode: { x: 0, y: 15 }, //数据来自bardata itemStyle: { color: '#77bef7' //颜色 } }, { type: 'custom', //自定义类型 name: 'error', //名称 itemStyle: { normal: { borderWidth: 1.5 //红色线的宽度 }, color: '#EE2C2C' }, renderItem: renderItem, //图形渲染逻辑，上面定义过了 encode: { //定义 data 的哪个维度被编码成什么 x: 0, //这里我们数据项只有3个，第一个映射到x y: [1, 2] //第二个和第三映射到y轴 }, data: [ ['datetime', 'HB', 'RBC', 'WBC', 'HCT', 'MCV', 'MCH', 'MCHC', 'CV', 'T', 'CREA', 'UREA', 'CK', 'GLU', 'LDH', 'C'

评论收藏

内容反馈

版权申诉