摘要: 一、折线图 line 折线图主要用来展示数据相随着时间推移的变化。 折线图非常适合用于展示一个连续的二维数据,如某网站访问人数或商品销量价格的波动。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>折线</t 阅读全文
posted @ 2021-10-19 17:39 柳洁琼Elena 阅读(643) 评论(0) 推荐(0)
摘要: 官网 一、浏览器画图方式有两种 canvas :点阵图,缩放失真,适合图形数量非常大的图表 svg:矢量图,缩放不失真,适合图形数量较少的图表 二、echarts 的绘图步骤 建立dom 容器 引入 ECharts 实例化echarts 建立图表配置项 显示图表 <!DOCTYPE html> <h 阅读全文
posted @ 2021-10-19 16:28 柳洁琼Elena 阅读(304) 评论(0) 推荐(0)
摘要: 在进行窗口的resize、scroll,输入框内容校验等操作时,如果事件处理函数调用的频率无限制,会加重浏览器的负担,导致用户体验非常糟糕。此时我们可以采用debounce(防抖)和throttle(节流)的方式来减少调用频率,同时又不影响实际效果。 函数防抖 函数防抖(debounce):当持续触 阅读全文
posted @ 2021-10-19 10:08 柳洁琼Elena 阅读(66) 评论(0) 推荐(0)
摘要: 官网 安装 npm install moment --save # npm yarn add moment # Yarn Install-Package Moment.js # NuGet spm install moment --save # spm meteor add momentjs:mom 阅读全文
posted @ 2021-10-19 10:06 柳洁琼Elena 阅读(188) 评论(0) 推荐(0)
摘要: (function (window, undefined) { // JS 加密混淆器 https://www.sojson.com/yasuojs.html var Map = function(){ return new Map.fn.init(); }; Map.fn = Map.protot 阅读全文
posted @ 2021-10-19 09:59 柳洁琼Elena 阅读(83) 评论(0) 推荐(0)
摘要: 1、选择分组,新建可视化,创建一个新的大屏: 2、数据可视化的铺屏: 根据设计图,通过添加组件的方式,将大屏页面在DataV中展示出来(可把设计图置于底层,降低透明度,将需要的组件从组件列表中拖入画布,更改组建的样式及位置) 其中组件样式的修改,可以在右侧的配置面板中,根据实际需要调整并修改组件的样 阅读全文
posted @ 2021-10-19 09:58 柳洁琼Elena 阅读(2803) 评论(0) 推荐(0)
摘要: 前言:备份笔记是为了方便工作中查阅和面试前复习,也供大家共同学习,请勿用于商业用途,题目来自网上常见考题。 阅读全文
posted @ 2021-10-19 09:55 柳洁琼Elena 阅读(61) 评论(0) 推荐(1)
摘要: 前言:备份笔记是为了方便工作中查阅和面试前复习,也供大家共同学习,请勿用于商业用途,课程来自慕课网。 阅读全文
posted @ 2021-10-19 09:22 柳洁琼Elena 阅读(48) 评论(0) 推荐(0)