小鱼干儿的博客

echarts 对应位置做成堆叠图前言解决方法效果图 前言 我有四根bar显示在同一横坐标上，其中两根永远是正值，也就是在y轴的正轴上，两根bar是负值，在y轴的负轴上，我想让这四根bar在一个单位上占两个位置，让bar1和bar3相对应显示，bar2和bar4对应显示。 解决方法 echarts里面有一种图叫做 stack(堆叠图) ，将四根bar改成： series: [ {name: 'winUpper', type: 'bar', stack: 'stackUpper'},

echarts有残留的连线前言解决方法解释 前言 今天做好了一个图，每次查询显示对应数据的echarts图，发现了bug，当我第一次查询时应该有5条线，第二次查询时应该有4条线，但第二次显示在页面中的却有5条线，应当不存在的那条线是第一次查询时残留下来的。 解决方法 在每一次绘制前我的数据都有先置空再填充，但依旧会残留一条线，后来发现，在设置option的时候加上true即可解决： this.myChart.setOption(this.option, true) 解释 先看一下echarts的官方文档中的

可拖拽的div 今天发现右下角的一组按钮很挡视线，但是它还就应该放到右下角，所以在想，让它可以拖拽，在挡视线的时候拖走就好了。 这个功能不一定非要vue实现嘿嘿，其实就是这个逻辑，html + css + js 也可以这样做的~ 首先先写好你的那一块东西，调好样式哈，我的是一组按钮： <div class="arrow-container" @mousedown=arrowMove> <Button type="primary" shape="circle" icon="ios-arr

iView的表格做一个带斜线的表头效果实现 效果 效果如图： （最上面一层还有一个一级表头，图示单元格为二级表头） 实现 利用render函数，将单元格上下两部分内容写到一个单元格里，并使其位置错开，可以按照美感自己手动调： children: [{ title: '', key: '品种', align: 'center', width: 150, renderHeader: (h, params) => { return h('div', { style: {

把echarts的饼图放在table的每一个单元格中前言想法实现最后 前言 最近接到了一个新的任务，要求把echarts的饼图放在table的每一个单元格中，饼图显示当前策略盈亏所占比例。 想法 刚开始我就在想或许用render函数很好写出来，将饼图封装在一个组件中，在render函数里使用该组件。 但我的table里的每一项都是从后端传来的，包括表头也是不固定的，会根据想要搜索的日期，生成长度不同的各项。尝试用render函数： this.symbols[item].render = () => &

遇到的一些问题及解决办法 vue-element-ui菜单左侧无法延长至屏幕最下面 获取后端api element-ui 里el-dialog遮罩层遮住dialog：为el-dialog添加：modal-append-to-body=false后解决 element-ui 里el-dialog遮罩层遮不住一些元素：登录的button不能设置position：fixed；fixed的z-index高于所有 checkbox默认勾选在搜索后勾选消失：把true和false转换成0和1的if语句里面不能使用本身