- 博客(363)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 NVM安装成功后切换版本node未生效
$ nvm use 14activation error: NVM_SYMLINK is set to a physical file/directory at D:\nvmPlease remove the location and try again, or select a different location for NVM_SYMLINK.
2025-03-06 09:51:37
298
原创 js生成随机且不相近颜色
/ [0.4 - 0.8] 排除过亮过暗色。// [0.7 - 0.9] 排除过灰颜色。// 饱和度为0 为灰色。// 重新获取随机色。// 颜色相邻颜色差异须大于 0.2。// 数据转化到小数点后两位。// 获取HSL数组。
2025-02-17 15:37:27
859
原创 Fuse.js：强大、轻巧、零依赖的模糊搜索库
使用 Fuse.js 的高级用法可以让你更灵活地根据不同的需求调整搜索功能，使搜索结果更符合实际的使用场景和用户需求。例如，对于不同的数据类型和结构，通过调整权重、添加过滤器、自定义排序和匹配函数等，你可以实现更强大、准确和用户友好的搜索体验。同时，处理大量数据时，可以使用分页功能提高性能和用户体验。
2025-01-16 11:46:35
1108
转载 【node】Node.js的常用内置模块：os path url fs http
OS模块是Node.js的内置模块，用于与操作系统进行交互。通过OS模块，可以获取操作系统的相关，如操作系统的类型、架构、平台、CPU核心数等。
2025-01-03 10:03:22
43
原创 百度地图绘制行政区域及设置中心点
/ 创建信息窗口对象。信息窗口是地图上方浮动显示的HTML内容，可直接在地图上的任意位置打开，也可以在标注对象上打开（此时信息窗口的坐标与标注的坐标一致）。width : 250, // 信息窗口宽度。height: 100, // 信息窗口高度。title : "Hello" // 信息窗口标题。注意：同一时刻地图上只能有一个信息窗口处于打开状态。百度地图api添加信息窗口。
2024-12-26 16:24:42
409
原创 elementui table子级tree懒加载bug
1. 删除子级刷新列表子级依然显示2.更新状态子级列表未刷新3.编辑子级后刷新页面显示状态未变更。
2024-12-07 17:04:20
730
原创 echarts3D地图
color: "rgba(58,149,253,0.75)", // 50% 处的颜色。color: "rgba(3,27,78,0.75)", // 0% 处的颜色。color: "rgba(3,27,78,0.75)", // 0% 处的颜色。areas: ["哈尔滨", "鹤岗", "黑河", "绥化", "大庆", "佳木斯"]areas: ["济南", "青岛", "淄博", "烟台", "威海", "临沂"]areas: ["昆明", "玉溪", "丽江", "普洱", "临沧"]
2024-10-29 19:54:53
756
原创 echarts词云图
return `热度：${p.data.count}趋势：${("word": "生日快乐","name": "生日快乐","word": "李泽言","name": "李泽言","word": "踢踢","name": "踢踢","word": "快乐","name": "快乐","word": "客服","name": "客服","word": "升华","name": "升华","word": "生日","name": "生日","word": "脸书","name": "脸书",
2024-10-29 19:52:01
664
原创 echarts旭日图
color: "#3090EA", // 100% 处的颜色。color: "#3090EA", // 100% 处的颜色。color: "#3090EA", // 100% 处的颜色。color: "#81C2FF", // 0% 处的颜色。color: "#81C2FF", // 0% 处的颜色。color: "#81C2FF", // 0% 处的颜色。name: '三国对峙的纪传体国别史，\n《三国演义》的创作源泉',name: '汪洋捭阖，仪态万方，\n晚周诸子之作，莫能先也',
2024-10-29 19:51:22
671
原创 echarts树形图
let dataname = ['智能手环/手表', '呼叫器', '智能门锁', '智能床垫', '烟雾报警器', '浸水报警器', '燃气报警器', '人体感应器', '定位器']name: '草药',name: '化验',name: '诊察',name: '西药',name: '其他',name: '麻醉',name: '护理',name: '放射',name: '材料',name: '其他',name: '麻醉',name: '护理',name: '放射',name: '材料',
2024-10-29 19:33:22
889
原创 echarts水滴图
data: [0.5, 0.5], // data个数代表波浪数。type: 0, //0-5 0 为 优 良 轻度 中度 重度 严重。// splitNumber: 90, // 分成20个小分隔。// radius: '100%', // 和占比环重合。widthString: '300px', // 宽度,fontSize: '50px', //文本字号。text: '50%', //显示文本。
2024-10-29 19:25:36
949
原创 echarts仪表盘
offsetCenter : [0, '75%'],//设置在线率位置。value: data[1],name:"离线："value: percent,name:"在线率"value: 70,name:"在线："name: '内层数据刻度',name: '外层辅助',name: '最内层线',
2024-10-29 19:21:06
656
原创 echarts关系图
{ id: 'illegal_node_fy', name: '法院强制执行', x: 350, y: 400, nexts: [{ next: null, name: '强制执行' }] },{ id: 'illegal_node_ja', name: '结案', x: 500, y: 200, nexts: [{ next: null, name: null }] },{ id: null, name: '结束', x: 500, y: 0, nexts: [] },
2024-10-29 19:20:09
794
原创 echarts热力图
{ name: '严重', data: [], color: '#7e0023' },text: '10-01至10-12 PM10小时数据分布',otherName: '一级',otherName: '二级',otherName: '三级',otherName: '四级',otherName: '五级',otherName: '六级',name: '轻度',name: '中度',name: '重度',* @description 获取AQI等级。name: '优',name: '良',
2024-10-29 19:14:20
665
原创 echarts盒须图
offsetCenter : [0, '75%'],//设置在线率位置。value: data[1],name:"离线："value: percent,name:"在线率"value: 70,name:"在线："name: '内层数据刻度',name: '外层辅助',name: '最内层线',
2024-10-29 19:12:37
617
原创 echarts K线图
coord: ['2013/5/31', 2300], //指定数据的坐标位置。////////////////////////图标标注//////////////////////////////////////////////////////////////图标标线///////////////////////////symbol: ['none', 'none'], //标线两端的标记类型。//splitNumber: 20, //坐标轴的分割段数，预估值，在类目轴中无效。
2024-10-29 19:09:21
599
原创 echarts API 之events
鼠标事件的事件参数是事件对象的数据的各个属性，对于图表的点击事件，基本参数如下，其它图表诸如饼图可能会有部分附加参数。时不会发出，在其他的 dispatchAction 时，或者用户在界面中创建、删除、修改选框时会发出。ECharts 中的事件分为两种，一种是鼠标事件，在鼠标点击某个图形上会触发，还有一种是 调用。前注册相关事件，否则在动画被禁用时，注册的事件回调可能因时序问题而不被执行。可触发此事件，用户点击不会触发此事件（用户点击事件请使用。可触发此事件，用户点击不会触发此事件（用户点击事件请使用。
2024-10-29 19:01:53
1050
原创 echarts API 之 echartsInstance
在大数据量的场景下（例如地理数的打点），就算数据使用二进制格式，也会有几十或上百兆，在互联网环境下，往往需要分片加载。有时候图表会放在多个标签页里，那些初始隐藏的标签在初始化图表的时候因为获取不到容器的实际高宽，可能会绘制失败，因此在切换到该标签页时需要手动调用。合并得到的配置项和数据，也记录了用户交互的状态，例如图例的开关，数据区域缩放选择的范围等等。获取的是已经合并过默认值了的，所以在修改了某些配置项后会导致原本是根据这些配置项值去设置的默认值失效。剩余的情况，会在组件列表尾部创建新的组件。
2024-10-29 19:00:13
1154
原创 echarts API之echarts
元素作为容器，这样绘制完图表可以直接将 canvas 作为图片应用到其它地方，例如在 WebGL 中作为贴图，这跟使用。如果容器是隐藏的，ECharts 可能会获取不到 DIV 的高宽导致初始化失败，这时候可以明确指定 DIV 的。开始支持SVG 格式的数据。可以是字符串，也可以是解析得到的 SVG DOM 对象。将地图中的部分区域缩放到合适的位置，可以使得整个地图的显示更加好看。可以是 JSON 字符串，也可以是解析得到的对象。解除图表实例的联动，如果只需要移除单个实例，可以将通过将该图表实例。
2024-10-29 18:58:49
730
原创 echarts其他属性
media，useUTC，hoverLayerThreshold，blendMode，animationDelayUpdate,darkMode,color,backgroundColor,animation,animationThreshold,animationDuration,animationEasing,animationDelay,animationDurationUpdate,animationEasingUpdate,animationDelayUpdate
2024-10-29 18:56:29
686
原创 echarts属性之series-textStyle
还可以是 'serif' , 'monospace', 'Arial', 'Courier New', 'Microsoft YaHei', ...指定 dash array 实现灵活的虚线效果。的时候，可以通过该属性配置末尾显示的文本。文字超出宽度是否截断或者换行。用于设置虚线的偏移量，可搭配。可实现更灵活的虚线效果。文字本身的阴影 X 偏移。文字本身的阴影 Y 偏移。数组，用以指定线条的。文字本身的描边颜色。文字本身的描边宽度。文字本身的描边类型。文字本身的阴影颜色。文字本身的阴影长度。
2024-10-29 18:48:43
476
原创 echarts属性之series-custom
自定义系列可以自定义系列中的图形元素渲染。从而能扩展出不同的图表。同时，echarts 会统一管理图形的创建删除、动画、与其他组件（如。
2024-10-29 18:47:44
1532
原创 echarts属性之series-themeRiver
如上所示，主题河流的数据格式是二维数组的形式，里层数组的每一项由事件或主题的时间属性、事件或主题在某个时间点的值，以及事件或主题的名称组成。值得注意的是，一定要提供一个具有完整时间段的事件或主题作为主干河流，其他事件或主题以该主干河流为依据，将缺省的时间点上的值补为0，也就是说其他事件或主题的时间段是包含在主干河流内的，如果超出，布局会出错，这么做的原因是，在计算整个图的布局的时候要计算一条baseline，以便将每个事情画成流带状。在高亮图形时，是否淡出其它数据的图形已达到聚焦的效果。
2024-10-29 18:45:58
845
原创 echarts属性之series-gauge
用于设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略）。相对于仪表盘中心的偏移位置，数组第一项是水平方向的偏移，第二项是垂直方向的偏移。可以是绝对的数值，也可以是相对于仪表盘半径的百分比。相对于仪表盘中心的偏移位置，数组第一项是水平方向的偏移，第二项是垂直方向的偏移。相对于仪表盘中心的偏移位置，数组第一项是水平方向的偏移，第二项是垂直方向的偏移。仪表盘半径，可以是相对于容器高宽中较小的一项的一半的百分比，也可以是绝对的数值。
2024-10-29 18:41:00
1154
原创 echarts属性之series-funnel
配置一对多或者多对一的动画中每个图形的动画延时，设置不同的动画延时可以给动画带来一定的趣味性。用于设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略）。数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。配置为数组意味着在动画的时候所有数组项指定的系列会合并为当前系列。
2024-10-29 18:39:47
706
原创 echarts属性之series-sankey
series-sankey桑基图是一种特殊的流图（可以看作是有向无环图）。 它主要用来表示原材料、能量等如何从最初形式经过中间过程的加工或转化达到最终状态。示例：可视编码：桑基图将原数据中的每个node编码成一个小矩形，不同的节点尽量用不同的颜色展示，小矩形旁边的label编码的是节点的名称。此外，图中每两个小矩形之间的边编码的是原数据中的link，边的粗细编码的是link中的value。排序：如果想指定每层节点的顺序是按照data中的顺序排列的。可以设置layou
2024-10-29 18:37:22
703
原创 echarts属性之series-graph
series-graph关系图用于展现节点以及节点之间的关系数据。示例：所有属性series-graph.type= 'graph'stringseries-graph.idstring组件 ID。默认不指定。指定则可用于在 option 或者 API 中引用组件。series-graph.namestring系列名称，用于tooltip的显示，legend的图例筛选，在setOption更新数据和配置项时用于指定对应的系列。serie
2024-10-29 17:37:38
612
原创 echarts属性之series-lines
symbol 的角度会随着轨迹的切线变化，如果使用自定义 path 的 symbol，需要保证 path 图形的朝向是朝上的，这样在 symbol 沿着轨迹运动的时候可以保证图形始终朝着运动的方向。配置一对多或者多对一的动画中每个图形的动画延时，设置不同的动画延时可以给动画带来一定的趣味性。用于设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略）。线两端的标记类型，可以是一个数组分别指定两端，也可以是单个统一指定。
2024-10-29 17:35:11
1417
原创 echarts属性之series-parallel
数据中，每一行是一个『数据项』，每一列属于一个『维度』。（例如上面数据每一列的含义分别是：『日期』,『AQI指数』, 『PM2.5』, 『PM10』, 『一氧化碳值』, 『二氧化氮值』, 『二氧化硫值』）。（例如上面数据每一列的含义分别是：『日期』,『AQI指数』, 『PM2.5』, 『PM10』, 『一氧化碳值』, 『二氧化氮值』, 『二氧化硫值』）。用于设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略）。
2024-10-29 17:31:43
941
原创 echarts属性之series-map
配置一对多或者多对一的动画中每个图形的动画延时，设置不同的动画延时可以给动画带来一定的趣味性。用于设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略）。的时候，可能很难在保持地图高宽比的情况下把地图放在某个盒形区域的正中间，并且保证不超出盒形的范围。为了较好的效果，不同的系列会默认有不同的配置，比如散点图这种图形比较小且复杂的默认采用了。相同的系列会在同一地图上显示，这时候使用第一个系列的配置项作为地图绘制的配置。
2024-10-29 17:30:33
1092
原创 echarts属性之series-candlestick
该配置项就是用于配置该系列每一帧渲染的图形数，可以根据图表图形复杂度的需要适当调整这个数字使得在不影响交互流畅性的前提下达到绘制速度的最大化。ECharts 4 开始全流程支持渐进渲染（progressive rendering），渲染的时候会把创建好的图形分到数帧中渲染，每一帧渲染只渲染指定数量的图形。配置一对多或者多对一的动画中每个图形的动画延时，设置不同的动画延时可以给动画带来一定的趣味性。为了较好的效果，不同的系列会默认有不同的配置，比如散点图这种图形比较小且复杂的默认采用了。
2024-10-29 17:26:01
1014
原创 echarts属性之series-boxplot
等，冒号右边是数据中的维度名（string 格式）或者维度的序号（number 格式，从 0 开始计数），可以指定一个或多个维度（使用数组）。配置一对多或者多对一的动画中每个图形的动画延时，设置不同的动画延时可以给动画带来一定的趣味性。用于设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略）。在图形非常多的时候可以关闭以提升交互流畅性。为了较好的效果，不同的系列会默认有不同的配置，比如散点图这种图形比较小且复杂的默认采用了。
2024-10-29 17:23:35
709
原创 echarts属性之series-sunburst
它是一个数组，其中的第 0 项表示数据下钻后返回上级的图形，其后的每一项分别表示从圆心向外层的层级。用于设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略）。数据更新动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的更新动画效果。初始动画的延迟，支持回调函数，可以通过每个数据返回不同的 delay 时间实现更戏剧的初始动画效果。当某个扇形块的角度小于该值（角度制）时，扇形块对应的文字不显示。
2024-10-29 17:20:45
756
原创 echarts属性之series-treemap
series-treemapTreemap是一种常见的表达『层级数据』『树状数据』的可视化形式。它主要用面积的方式，便于突出展现出『树』的各层级中重要的节点。示例：视觉映射：treemap 首先是把数值映射到『面积』这种视觉元素上。此外，也支持对数据的其他维度进行视觉映射，例如映射到颜色、颜色明暗度上。关于视觉设置，详见series-treemap.levels。下钻（drill down）：drill down功能即点击后才展示子层级。 设置了leafDepth
2024-10-29 17:16:35
1134
原创 echarts属性之series-tree
默认情况下，标记会居中置放在数据对应的位置，但是如果 symbol 是自定义的矢量路径或者图片，就有可能不希望 symbol 居中。这时候可以使用该配置项配置 symbol 相对于原本居中的偏移，可以是绝对的像素值，也可以是相对的百分比。用于设置2个长度不为0的相连部分（线段，圆弧，曲线）如何连接在一起的属性（长度为0的变形部分，其指定的末端和控制点在同一位置，会被忽略）。在图形非常多的时候可以关闭以提升交互流畅性。树图主要用来可视化树形数据结构，是一种特殊的层次类型，具有唯一的根节点，左子树，和右子树。
2024-10-29 17:15:39
1326
全国地图省市中心点坐标
2021-05-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人