摘要: 效果图演示: 大屏通用柱状图编辑界面: 代码如下:(准备需要的id) (data)=>{ let myChart = echarts.init(document.getElementById("itema3e847c9-3199-4236-b967-cb5cc070ba6f"));//avue-da 阅读全文
posted @ 2021-12-13 11:38 骄傲一点才可爱 阅读(2301) 评论(0) 推荐(0) 编辑
摘要: 后端提供的接口是0和1,avue的开关按钮是true和false,需要做处理,我这里点击开关后值是反的,所以用了反向判断,具体需要什么逻辑需要调试 效果图如下: HTML部分使用插槽(在avue-crud内使用插槽) 在插槽上做判断将返回的值转为true和false,(如果后端提供的是true和fa 阅读全文
posted @ 2021-11-24 14:20 骄傲一点才可爱 阅读(1257) 评论(0) 推荐(0) 编辑
摘要: 关于window.location的详解: window.location 对象不仅可以获得当前页面的地址 (URL),还能够将浏览器重定向到新的页面。 下面,以http://www.xxxxxx.com:8000/test?id=123&username=xxx为例来进行解释: 1. window 阅读全文
posted @ 2021-10-20 10:33 骄傲一点才可爱 阅读(2371) 评论(0) 推荐(0) 编辑
摘要: h5页面中 video 支持视频格式:Ogg、MPEG4、WebM videojs支持视频格式:mp4,webm,ogv m3u8注意:rtsp没法直接用,需要做格式转换,转成flv,或者rtmp playease.js支持视频格式:http-flv、websocket-flv、websocket- 阅读全文
posted @ 2021-09-30 10:18 骄傲一点才可爱 阅读(4215) 评论(0) 推荐(0) 编辑
摘要: 在Vue开发中,有时需要我在同一个页面或列表中,多次加载同一个组件,有时会出现组件不触发问题 在组件标签中加v-if来控制组件el-dialog内部组件的触发 <el-dialog title="" width="40%" :visible.sync="dialogVisible" :append- 阅读全文
posted @ 2021-09-28 11:15 骄傲一点才可爱 阅读(1347) 评论(0) 推荐(1) 编辑
摘要: @click//单击 @mousedown//按下 @mouseup//抬起 @dblclick//双击 @mousemove//移动 @mouseleave//离开 @mouseenter//进入 @mouseover//移入 @mouseout //移出 阅读全文
posted @ 2021-09-15 15:06 骄傲一点才可爱 阅读(145) 评论(0) 推荐(0) 编辑
摘要: import * as echarts from 'echarts'; var chartDom = document.getElementById('main'); var myChart = echarts.init(chartDom, 'dark'); var option; var colo 阅读全文
posted @ 2021-09-06 10:44 骄傲一点才可爱 阅读(482) 评论(0) 推荐(0) 编辑
摘要: 层叠渐变折线图,层叠柱状图,数据区域可放大缩小 const colors = ['#58CFFF', '#45A6D2', '#ffff', '#56D6ED', '#032044']; option = { color: colors, title: { // text: '能耗监测数据趋势图', 阅读全文
posted @ 2021-08-16 10:43 骄傲一点才可爱 阅读(1392) 评论(0) 推荐(0) 编辑
摘要: var e = 60; option = { title: { show: true, text: e + "%", x: "center", y: "center",// 通过x,y将标题(进度)定位在圆环中心 textStyle: { fontSize: "25", color: "white" 阅读全文
posted @ 2021-08-13 16:03 骄傲一点才可爱 阅读(4562) 评论(0) 推荐(0) 编辑
摘要: echarts 饼图图例形状及位置 option = { title : { text: '图例形状及位置', subtext: '', x:'center' }, tooltip : { trigger: 'item', formatter: "{a} <br/>{b} : {c} ({d}%)" 阅读全文
posted @ 2021-08-13 15:57 骄傲一点才可爱 阅读(4738) 评论(0) 推荐(0) 编辑