大小都是愁-优快云博客

遇到实际与预测的需求时，经常会有趋势图实线与虚线结合的需求，分享一下实现关键点首先，我们需要两条折线，一条实线(默认就是实线)，一条虚线其次，处理数据（L1实线数据，L3虚线数据）可以看见‘20’，‘55’是虚线的数据点，但是两点才能确定一条线，所以处于中间数据的‘20’ ，需要自己补充前后的数据‘40’，‘10’；处于最后的数据‘55’，需要自己补充前面的数据‘55’，其余数据补充为空、-、null都可以。最后，处理一下tooltip让它只显示一条数据，而不是两条...

2022-01-05 14:36:48 2856

原创 echarts y轴负轴显示正数

有时效果需要正负y轴都需要，那么怎样让Y的负轴展示出正数Y轴的处理serise对应的处理效果其他类似，比如X轴，比如Tooltip，都是通过formatter

2021-12-24 16:32:08 1029

原创 echarts中使用rich 自定义富文本样式

echart新版本新增了rich属性，可以自定义文本的样式。注意5版本后才可以使用以下图为例：强调id与变更次数label: { normal: { color: '#fff', formatter: function(params) { let name = params.name return '部件 : {part|' + params.data.department + '} \n 需.

2021-12-14 10:59:53 5267

原创安装不同版本的echarts

echarts随着版本的更新会增加更多特效，由于每个版本并不是完全兼容，随意更新echarts是个很危险的举动如果既不影响项目中已有的echart的效果，又可以享受新效果安装多个版本！！！举例：安装echarts4版本和5版本，分别命名为echarts4和echarts5npm install echarts4@npm:echarts@4npm install echarts5@npm:echarts@5如果成功了在package-lock.json中就可以看到这两个版本..

2021-11-24 19:27:28 4546

原创 webstorm TFS 插件的安装与使用

公司使用 TFS 插件进行版本控制，原来没有接触过，用的Vscode开发工具，翻遍了百度，没有成功集成TFS，转战Webstrom了，记录一下过程

2021-09-29 14:14:26 575 2

原创 npm install 插件报no such file or directory ，重命名ansistyles – ＞ .ansistyles.DELETE

解决方案删除了package-lock.json 重新npm install XX 后成功

2021-04-01 16:53:26 390

原创 Vue子组件调用父组件的方法

法一：直接在子组件中通过this.$parent.event来调用父组件的方法// 父组件<template><div><child></child></div></template><script> ... methods: { fatherMethod() { ...

2020-03-27 00:12:25 5847

原创 tslint 报错——for (… in …) statements must be filtered with an if statement

使用Tslint时，for in循环出现了这个提示这是由于使用 for in 循环遍历对象的属性时，对象的属性以及原型链上的所有属性都将被访问解决方案法一： for (const key in e.list) { if (e.list.hasOwnProperty(key)) { // 逻辑处理 } }原理：迭...

2020-03-26 23:34:53 2533

webstorm TFS 插件

空空如也