![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
echats
清新小伙子
我很开心…………吧?
展开
-
ECharts设置滚动legend
前言当我们的数据类别较多时,用普通的legend会占比较多的空间,所以想设置滚动的legend普通legend效果图设置滚动legend效果图设置滚动legend方法1:首先需要按需引入legendScroll2:在setOption中的legend设置type为scroll...原创 2020-11-17 11:08:24 · 11172 阅读 · 0 评论 -
Echart折线图多参数修改:自适应窗口大小+修改toolbox颜色+修改x,y轴颜色,坐标大小和颜色等等
前言最近在准备一个比赛,需要使用的数据图像化处理,所以采用了ECharts的折线图,其中的参数太多了,为了找到适合自己的效果图,不断调试修改参数,最终得到一个还算可以的折线图,就在此贴出来吧。最终效果图*注:背景是整个页面的背景,我的代码只是修改了折线图的一些配置。pc:mobile:(忽略右上那个黑色方块,我是用来打开另一个组件的)代码:<template> <div class="myLine"> <div :id="myLineId原创 2020-09-14 16:37:10 · 1408 阅读 · 0 评论 -
海创软件组--20200531--统一各个内容高度的表格、element排序表格样式修改,ECharts数据动态更新并控制显示数量,vue修改路由刷新数据
这篇博客主要是来总结这两周的一点小难点。一:统一各个内容高度的表格头两天,做一个毕业生调查问卷的网页,需要的知识点也是挺多的,接下来就说说关于课程评价表格的编写吧。因为表格内容高度不一,所以要想办法统一高度!可点击链接具体参考我写的表格篇吧效果图:想做成这样的就继续看一下,不喜欢的可以直接看下一条。一开始做我是很抵触的,因为我觉得因为课程是遍历显示的,我不知道具体有多少课程,总高度会有多少,那么做左边数学高度居中就有点难度了。最后自己尝试用绝对定位加浮动去一点点改,没想到半个多小时还真让我一点点原创 2020-05-28 10:07:15 · 391 阅读 · 0 评论 -
ECharts中的折线图动态更新数据并控制缩放只显示最新几条数据
最近在做实时车流量折线图,每个两秒我就请求一次获取最新数据,监听数据变化,重新绘制折线图,但数据多了,都堆积在一起了,后来通过设置dataZoom来进行缩放,但由于start,end值是百分比,一开始我写的是dataZoom : [ { type: 'inside', realtime: true, start: 50, end:100, }]默认显示从全部数据的50%开始到100%的数据,数据一多,又开始堆积后来想了一个办法,既然是百分比控制显示数量,那原创 2020-05-26 14:31:07 · 3153 阅读 · 2 评论