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