前端助手
慢慢の成长
摸鱼之余,来点小乐趣,写作不足之处,请大佬指教。
展开
-
vue项目中折线图的渲染
本文以echart5.0版本实现,4.0版本引入详见柱状图引入import * as echarts from 'echarts'export default { data () { return {} }, methods: { init () { let oldData = {'2021-03-03': [{'type_id': '25a7185abf5611eaa8a9000c29d3cc31', 'type_name': '厨余垃圾', 'weight原创 2021-07-07 10:07:02 · 284 阅读 · 0 评论 -
Echarts内置渐变器:new echarts.graphic.LinearGradient(a,b,c,d,arr)
Echarts实现渐变颜色如果给echarts图设置颜色,我们会在 option 中 传入 color 字段的一个数组let option = { color:['#c23531','#2f4554', '#61a0a8', '#d48265', '#91c7ae','#749f83', '#ca8622', '#bda29a','#6e7074', '#546570', '#c4ccd3']}对于颜色渐变的起始角度,还有渐变程度,并非直接用数字就可以直白表达出来的color: [原创 2021-04-13 14:54:08 · 5034 阅读 · 0 评论 -
解决Vscode提示code安装似乎损坏
打开vscode,老是有这样一句提示原因:安装了一个叫background的拓展,并且编辑器的标题栏会显示不受支持四个字解决方案:1、下载一个叫Fix VSCode Checksums的拓展2、ctrl+shift+P打开命令面板3、输入:Fix Checksums: Apply4、重启vscode即可...原创 2021-03-14 17:34:50 · 1938 阅读 · 1 评论 -
JS中的forEach,for in,for of和for的遍历优缺点及区别
forEach:可以三个参数,第一个是value,第二个是index,第三个是数组体1.定义:用于调用数组的每个元素,并将元素传递给回调函数2.缺点:不能同时遍历多个集合,在遍历的时候无法修改和删除集合数据,方法不能使用break,continue语句跳出循环,或者使用return从函数体返回,对于空数组不会执行回调函数。forEach不可以遍历对象,这也是它和for in的一个区别3.优点:便利的时候更加简洁,效率和for循环相同,不用关心集合下标的问题,减少了出错的效率原创 2020-10-19 11:35:23 · 3099 阅读 · 0 评论 -
vue项目中饼图的渲染
注意:浒苔返回的数据字段可能会和echarts实例对应的字段不一样,需要我们处理<template> <div> <section ref="pieChart" style="width: 100%;height:400px"></section> </div></template>效果展示:<script>import echarts from 'echarts'export defau.原创 2020-07-16 13:52:27 · 701 阅读 · 0 评论 -
如何将多维数组相同索引的元素组成新的多维数组
多维数组根据下标重组新多维数组题干描述:let moreArr = [[0,0,0,0,0],[0,0,0,0,0],[0,0,0,0,0],[0,0,0,0,0],[6,4,7,7,8],[1,4,1,1,2],[0,0,0,0,0]]结果输出为:[[0, 0, 0, 0, 6, 1, 0],[0, 0, 0, 0, 4, 4, 0],[0, 0, 0, 0, 7, 1, 0],[0, 0, 0, 0, 7, 1, 0],[0, 0, 0, 0, 8, 2, 0]]function Tran原创 2020-07-16 12:11:07 · 490 阅读 · 0 评论