08 2022 档案

摘要:Node Sass could not find a binding for your current environment: OS X 64-bit with Node.js 12.x 我原来使用的node.js版本为16.X的版本,上来就是这种类型的报错。 后来实在没办法了,就只能换了node 阅读全文
posted @ 2022-08-24 00:37 King-DA 阅读(314) 评论(0) 推荐(0) 编辑
摘要:### 卸载从node官网下载pkg安装的node ```java sudo rm -rf /usr/local/{bin/{node,npm},lib/node_modules/npm,lib/node,share/man/*/node.*} ``` ### 卸载用 homebrew 安装的nod 阅读全文
posted @ 2022-08-24 00:00 King-DA 阅读(359) 评论(0) 推荐(0) 编辑
摘要:pd网络报错 解决方案: 1.使用终端工具打开pd的网络配置文件 sudo vim /Library/Preferences/Parallels/network.desktop.xml 具体改动如下 <!-- 在文件前几行找到下面这一行设置,原始值是:-1 --> <UseKextless>-1</ 阅读全文
posted @ 2022-08-20 01:15 King-DA 阅读(128) 评论(0) 推荐(0) 编辑
摘要:命令 nmap -sS -Pn -p 1-65535 127.0.0.1 阅读全文
posted @ 2022-08-17 11:48 King-DA 阅读(18) 评论(0) 推荐(0) 编辑
摘要:koa2简介 基于Node.js平台的web开发框架 由Express原班人马打造, Express、Koa、Koa2 Koa2特点 支持async/await 支持洋葱模型的中间件 Koa2快速上手 检查node的环境(7.6之上) node -v 安装Koa npm init -y npm in 阅读全文
posted @ 2022-08-11 00:59 King-DA 阅读(27) 评论(0) 推荐(0) 编辑
摘要:全局的echarts对象 全局echarts对象是引入echarts.js文件之后就可以使用的 echartsInstance对象 echartsInstance对象是通过echarts.init方法调用之后得到的。 init 初始化echarts对象 使用主题 registerTheme 注册主题 阅读全文
posted @ 2022-08-11 00:10 King-DA 阅读(832) 评论(0) 推荐(0) 编辑
摘要:动画配置项 开始动画: animation:true 动画的时长 animationDuration: 7000 缓动动画 animationEasing: 'bounceOut' 动画元素的阈值 animationThreshold: 7 单种形式的元素数量大于这个阈值时会关闭动画 demo: < 阅读全文
posted @ 2022-08-10 01:22 King-DA 阅读(908) 评论(0) 推荐(0) 编辑
摘要:增量动画 mCharts.setOption 所有数据的更新都通过setOption实现 不用考虑数据到底产生了哪些变化 Echarts会找到两组数据之间的差异然后通过合适的动画去表现数据的变化 demo <!DOCTYPE html> <html lang="en"> <head> <meta c 阅读全文
posted @ 2022-08-10 01:10 King-DA 阅读(325) 评论(0) 推荐(0) 编辑
摘要:加载动画 Echarts已经内置好了加载数据的动画,我们只需要在合适的时机显示或者隐藏即可 显示加载动画 mCharts.showLoading() 隐藏加载动画 mCharts.hideLoading() demo <!DOCTYPE html> <html lang="en"> <head> < 阅读全文
posted @ 2022-08-10 00:45 King-DA 阅读(1297) 评论(0) 推荐(0) 编辑
摘要:自适应 当浏览器的大小发生变化时,如果想让图表也能随之适配变化 1.监听窗口大小变化事件 2.在事件处理函数中调用Echarts实例对象的resize即可。 window.onresize = function(){ // console.log('window.onresize...') // 调 阅读全文
posted @ 2022-08-10 00:22 King-DA 阅读(1072) 评论(0) 推荐(0) 编辑
摘要:样式 直接样式 itemStyle、textStyle、lineStyle、areaStyle、label 高亮样式 在emphasis中包裹itemStyle、textStyle、lineStyle、areaStyle、label 注意:优先级高,会覆盖主题中、调色盘的中样式,这里也会遵循就近原则 阅读全文
posted @ 2022-08-10 00:15 King-DA 阅读(224) 评论(0) 推荐(0) 编辑
摘要:调色盘 它是一组颜色,图形、系列会自动从其中选择颜色 主题调色盘 全局调色盘 option:{ color:['red','green','blue'] } * 局部调色盘 series:[{ type:'bar', color:['red','green','blue'] }] 调色盘的作用遵循就 阅读全文
posted @ 2022-08-07 17:48 King-DA 阅读(185) 评论(0) 推荐(0) 编辑
摘要:主题设置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>快速上手</title> <!-- 1。引入echart.js文件--> <script src="lib/echarts.min.js"></scr 阅读全文
posted @ 2022-08-07 09:50 King-DA 阅读(1140) 评论(0) 推荐(0) 编辑
摘要:仪表盘 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>快速上手</title> <!-- 1。引入echart.js文件--> <script src="lib/echarts.min.js"></scri 阅读全文
posted @ 2022-08-06 02:08 King-DA 阅读(1655) 评论(0) 推荐(0) 编辑
摘要:雷达图 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>快速上手</title> <!-- 1。引入echart.js文件--> <script src="lib/echarts.min.js"></scri 阅读全文
posted @ 2022-08-06 02:07 King-DA 阅读(1014) 评论(0) 推荐(0) 编辑
摘要:地图和散点图结合使用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>快速上手</title> <!-- 1。引入echart.js文件--> <script src="lib/echarts.min.js" 阅读全文
posted @ 2022-08-06 01:39 King-DA 阅读(100) 评论(0) 推荐(0) 编辑
摘要:不同城市显示不同颜色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>快速上手</title> <!-- 1。引入echart.js文件--> <script src="lib/echarts.min.js" 阅读全文
posted @ 2022-08-06 01:29 King-DA 阅读(71) 评论(0) 推荐(0) 编辑
摘要:矢量地图常见效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>快速上手</title> <!-- 1。引入echart.js文件--> <script src="lib/echarts.min.js">< 阅读全文
posted @ 2022-08-06 01:15 King-DA 阅读(117) 评论(0) 推荐(0) 编辑
摘要:矢量地图 基础设置 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>快速上手</title> <!-- 1。引入echart.js文件--> <script src="lib/echarts.min.js"> 阅读全文
posted @ 2022-08-06 00:54 King-DA 阅读(369) 评论(0) 推荐(0) 编辑
摘要:饼图 最基本的实现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>饼图</title> <!-- 1。引入echart.js文件--> <script src="lib/echarts.min.js">< 阅读全文
posted @ 2022-08-06 00:25 King-DA 阅读(614) 评论(0) 推荐(0) 编辑
摘要:悬浮被遮挡 echarts 鼠标移上去展示的浮窗,超出容器时被遮挡。 tooltip: { //提示信息 trigger: 'item', triggerOn: 'mousemove', confine: true //解决浮窗被截断问题 }, 官网上的描述: 最终效果展示: 阅读全文
posted @ 2022-08-05 23:48 King-DA 阅读(538) 评论(0) 推荐(0) 编辑
摘要:直角坐标系的常见配置 配置1: 网格 grid grid是用来控制直角坐标系的布局和大小, x轴和y轴就是在grid的基础上进行绘制的 显示 grid show: true grid 的边框 borderWidth : 10 grid 的位置和大小 left top right bottom wid 阅读全文
posted @ 2022-08-05 23:16 King-DA 阅读(199) 评论(0) 推荐(0) 编辑
摘要:散点图 如下图示例 散点图的常见效果 气泡图效果 要能够达到气泡图的效果, 其实就是让每一个散点的大小不同, 让每一个散点的颜色不同 symbolSize 控制散点的大小 itemStyle.color 控制散点的颜色 这两个配置项都支持固定值的写法, 也支持回调函数的写法 var option={ 阅读全文
posted @ 2022-08-04 01:44 King-DA 阅读(526) 评论(0) 推荐(0) 编辑
摘要:折线图 图表类型 : 在series下设置 type:line <!DOCTYPE html> <html lang="en"> <head> <script src="js/echarts.min.js"></script> </head> <body> <div style="width: 60 阅读全文
posted @ 2022-08-04 01:31 King-DA 阅读(2135) 评论(0) 推荐(0) 编辑
摘要:通过邮箱发送通知 通知推送方式我选的QQ邮箱,需要开启SMTP服务,获得授权码。手机上下个qq邮箱客户端,或者微信辅助功能打开QQ邮箱提醒,也能收到推送。其他的通知功能设置方式自己搜下怎么弄吧。 按照上面的配置,就会有测试邮件信息发送到邮箱中。 阅读全文
posted @ 2022-08-04 00:21 King-DA 阅读(259) 评论(0) 推荐(0) 编辑
摘要:通用配置 标题: title 提示: tooltip 工具按钮: toolbox 图例: legend <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>柱状图</title> <!-- 1。引入echart. 阅读全文
posted @ 2022-08-03 00:16 King-DA 阅读(130) 评论(0) 推荐(0) 编辑
摘要:柱状图相关配置 xAxis:直角坐标系 中的 x 轴 yAxis:直角坐标系 中的 y 轴 series:系列列表。每个系列通过 type 决定自己的图表类型 标记: 最大值 最小值 平均值 markPoint、markLine 显示: 数值显示 柱宽度 横向柱状图 label、barWidth、更 阅读全文
posted @ 2022-08-03 00:13 King-DA 阅读(598) 评论(0) 推荐(0) 编辑
摘要:loop循环 loop语法 DECLARE BEGIN LOOP NULL; END LOOP; END; for循环 阅读全文
posted @ 2022-08-01 09:03 King-DA 阅读(43) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示