- 博客(7)
- 收藏
- 关注
RSS订阅原创 vue大屏监控
vue 实现大屏监控样式如下所示：vue大屏监控主要包括以下一些内容：本次大屏监控页面包括三张图：两张柱状图、一张折线图页面美化：引入DataV组件，用于大屏监控页面增加边框、装饰等注意父子组件之间的彼此通信方法以下代码顺序为：./components/下两个柱状图和一张折线图的代码；最后是screenMonitor父组件应用前述子组件代码<template> <div ref="BarChart" style="height: 250%; width: 100%"
2021-10-25 11:28:45
2778
原创 vue 实现渐变折线图
vue实现渐变折线图实现结果示例：共定义两个文件一个是lineChart.vue及index.vue，前者用于定义折线图，后者在前者基础上丰富组件和功能首先是lineChart.vue文件：<template> <div ref="LineChart" style="height: 600px; width: 100%"/></template><script>import echarts from 'echarts'export d
2021-10-19 14:19:15
667
1
原创 vue 实现立体柱状图
vue实现立体柱状图样式如下图所示：可以将立体柱状图看做由yData+底+顶构成，对应代码如下：<template> <div ref="BarChart" style="height: 1000px; width: 100%"/></template><script>import echarts from 'echarts'export default { data() { return { chart: nu
2021-10-18 14:37:23
2155
3
原创 Vue 实现排名及单元格多数据展示
Vue 实现排名及单元格多数据展示本次需求为：在上篇自己搭建的vue环境下，将数据进行排名展示，且各个单元格含有多个数据文本前端代码如下：<template> <el-tabs type="border-card"> <el-tab-pane label="播放数据详情"> <el-select v-model="time" placeholder="请选择时间" style="width:200px;margin: 20p
2021-10-14 15:40:32
4080
原创 IDEA2021版创建Vue项目
IDEA2021版创建Vue项目1. 安装node.js2. 安装vue-cli3. vue初始化项目4. 使用IDEA打开vue项目1. 安装node.js可以通过node -v查看版本号，如果出现如下所示，则表示已安装；否则，安装node.js2. 安装vue-clicmd命令行执行全局安装命令:npm install -g vue-cli安装完成后，cmd输入vue -V查看版本号以判断是否安装成功3. vue初始化项目cmd输入初始化命令：vue init webpack 你
2021-09-27 14:38:11
2047
原创 Oracle decode及rollup操作
类似于平时经常使用的连接表查询就不再赘述，今天使用的是枚举法定义列值和rollup。decode情境是：某一列中有“1”，“2”，“3”，分别代表不同的含义，其中，“1”表示儿童，“2”表示青年，“3”表示老年，那么为了让其他人可以明白123的含义，需要对其进行“翻译”，这里使用的是case when end或者是decode，case when end还没有使用流畅，但是个人认为decode使用较为简便，直接使用decode(“1”,“儿童”,“2”,“青年”,“3”,“老年”,“Undefined”
2020-08-25 16:11:13
185
原创 使用PLsql连接Oracle报错初始化失败
第一次使用PLSQL连接Oracle报错初始化失败主要参考了百度经验中添加主目录和OCI库地址的方法，再将PLSQL关闭，再打开就好了首选项是在“配置–>首选项”找到的，在里面设置上述内容即可
2020-08-25 16:00:06
977
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人