- 博客(48)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 echarts南丁格尔图设置最小半径
/ color: '#000', //线的颜色设置， 如没有设置颜色则线条的颜色跟随饼状图的颜色。width: 1, // 线条的宽度。startAngle: -90, //起始角度。length2: 20, //第一条线。length: 10, //第二条线。放大数据再还原之前的值----->最大值的0.5倍。
2022-11-08 18:25:52
607
转载 如何判断对象的属性是否存在?
使用这个方法, 如果对象自身和其原型链上都不存在该属性的话, 会返回undefined, 注意如果对象的原型链上有该属性, 则会返回该属性. 这个方法的局限性在于不能用在对象的属性存在并且属性值为undefined。如果指定的属性存在指定的对象或其原型链中, 则返回true。只有对象自身存在该属性时, 才会返回true。
2022-10-14 13:57:50
202
原创 echarts图例多个一排，对齐换行和横向柱状图y轴label左对齐
设置grid左边位置和label的宽度和边距，每个宽度的图表不一样数据长度不一样这些值都不一样，自己调试。margin: 120,//距离y轴的位置。width: 150,//label宽度。设置legend宽度和padding。
2022-08-29 16:42:32
1541
原创 css雪碧图帧动画动画
steps(2):规定动画的步数，forwards:当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）。第一个值是水平位置，第二个值是垂直位置。
2022-08-16 16:54:02
181
原创 echarts环形图将label显示在中间，每一类数据高亮显示对应数据，样式不重叠
series: [ { type: 'pie', radius: ['30%', '55%'], label: { show: true, position: 'center', formatter: function (params) { return ( '{a|' + (params.data.ratio * 100).toFixed(2) + '%}' + .
2021-12-20 14:41:19
1042
原创 echarts正负柱形图设置x轴和tooltip显示值都为正数，自定义颜色显示，设置y轴显示单位
option = { color:['#189dfe','#f0c219'], tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' }, formatter: function (params) { const Total = Math.abs(params[0].value) +Math.abs(params[1].value) ...
2021-12-13 15:13:56
2450
原创 对数据中\n换行处理
第一种css white-space: pre-line;第二种js全局替换txts=txts.replace(/[\n\r]/g,'<br>')txts=txts.replace(/\n/g,'<br>')
2021-12-06 17:25:16
191
原创 react使用dangerouslySetInnerHTMl 渲染后端传递的数据中的html标签
react使用dangerouslySetInnerHTMl 渲染后端传递的数据中的html标签
2021-12-06 17:21:35
1324
原创 正则校验，中间不能连续出现
1、逗号分隔中英文字符串，不能在首尾出现，中间有且仅有一个逗号const reg = /^(?!,)(?!.*,$)[\u4e00-\u9fa5a-zA-Z]+(?:[,][\u4e00-\u9fa5a-zA-Z]+)*$/g; const reg = /^(?!,)(?!.*,$)[\u4e00-\u9fa5a-zA-Z]+(?:[,][\u4e00-\u9fa5a-zA-Z]+)*$/g; if (reg.test(value)) { callback();
2021-11-09 14:27:09
1147
原创 react使用antd框架表单重名校验、清除校验
添加和编辑保存情况下进行校验，编辑可保存原有名字，过滤自己（id相同判断value是否相同，value不相同比较其他数据，重名校验）所需条件：后端返回所有名字的接口数组<FormItem {...formItemLayout} label="分词器英文名称：" required> <Input {...init('tokenEng', { rules: [ {
2021-11-08 17:06:00
2167
5
原创 React中useState值为对象时改变值不渲染
原因：React中默认浅监听，当State值为对象时，栈中存的是对象的引用（地址），setState改变的是堆中的数据所以此时setArr(arr)后，栈中的地址还是原地址，React浅监听到地址没变，故会认为State并未改变，故没有重渲染页面思路：将栈中原arr所指向的地址改变即可const ceshi = [ { name: '测试数据1', icon: 'jigou', count: 2, color: '#FF9B74' }, { name: '测试数据2', count:..
2021-09-03 16:06:27
1212
原创 vue多条件判断，计算属性使用
三目运算的运用，条件1：条件2 ？结果1（true）： 结果2（false）三目运算的运用，条件1：条件2 ？嵌套三目运算：嵌套三目运算<div> <el-button type="success" size="mini" ..
2021-07-20 16:36:55
948
原创 vue利用element勾选框样式编写可勾选的卡片组件
需求：1、卡片点击查看详情，添加选中样式，兄弟标签取消样式；2、勾选框全选、反选，勾选样式，判断全选，未全选。1.HTML全选 <div class="select-contanier"><el-colv-if="showSubmits":span="24"style="padding-right: 10px;display: flex;justify-content: space-between"><el-button type="succ..
2021-07-16 18:23:13
971
原创 elementUI勾选框绑定点击事件连续执行两次处理
事件冒泡机制导致，使用.prevent阻止默认事件，可以解决这个问题。<div @click.stop.prevent="checkboxOnclick(id)"> <el-checkbox v-model="checked"/></div>@click.stop.prevent
2021-07-14 13:59:35
721
原创 通过当前id递归遍历树结构，树结构回显
方法treeSelect(node) {//调用赋值 this.findPathByLeafId(this.partOptions, node.id) }, // 递归实现,遍历数组 // 通过id遍历查找父级namefindPathByLeafId(array, id) { const stack = [] let going = true const.
2021-07-13 11:43:10
286
原创 elementUI树结构添加子级结构
1.父组件<template> <div> <div class="filter-input searchinput" :opendialog="inputValue" :constractId="fatherId" > <el-input v-model="filterText" .
2021-07-13 11:26:41
546
原创 子组件传值父组件数据刷新的问题
子组件监听值改变，自定义一个事件，在父组件使用时该事件为接收数据接口事件子组件：监听open值的变化，自定义事件this.$emit("refreshPart")watch: { open: { handler(val) { this.inputValue = val if (!val) { this.contractSectId = '' ...
2021-07-13 11:11:49
782
原创 父组件传值给子组件但是值不改变的解决方法
在子组件内深度监听值改变，调用加载方法父组件<tree-select-edit :inputValue = "inputValue" :fatherId = "contractSectId" />子组件<div class="filter-input searchinput" :opendialog="inputValue" :constractId="fatherId" &g
2021-07-09 15:23:36
882
原创 CSS隐藏滚动条
.card-contanier{ flex: 0 0 47vh; /*max-height:440px;*/ scrollbar-width: none; /* firefox */ -ms-overflow-style: none; /* IE 10+ */ overflow-y: scroll;}.card-contanier::-webkit-scrollbar { display: none; /* Chrome Safari */}
2021-07-08 10:18:21
36
原创 表单文字对齐
label文字对齐方式表单的对齐方式分为三种1、左对齐（默认对齐方式，一般不需要）<form action="javascript:void(0)" method="post"> <div> <label>用户名：</label> <input type="text" name="" id="" value="" /> <...
2021-06-30 11:00:30
1629
转载 js拖拽换位置
ondrop: 当放置被拖数据时，会发生 drop 事件，这里自定义drop(event,this)函数,互换两个的innerHTML ondragover:当拖动链接等有默认事件的元素时，要在ondragover事件中用ev.preventDefault()阻止默认事件。否则drop事件不会触发。 draggable:允许拖动。 ondragstart:规定当元素被拖动时，会发生什么。在上面的例子中，ondragstart 属性调用了一个函数，drag(event)，它规定了被拖动的数据。dataT
2021-06-25 11:07:10
779
原创 echarst加载动态数据，格式化legend
赋值写在接口数据加载里面，避免数据加载不同步获取接口，传参页面数据数组：showPage：[]legend格式化： // 回调函数 实现标志图形字体后边加上百分比 formatter: function(name) { let total = 0 let tarValue = 0 for (let i =..
2021-06-25 10:31:56
108
原创 JSON.stringify和js-replace替换所有字符，在原数组进行数据改变
1.遍历数组,删除不要的数据；2.重新遍历数组进行替换先删除再替换 this.seriesData && this.seriesData.forEach((item, index) => { //删除名字为team这条数据 if (item.typeName === 'team') { this.seriesData.splice(index, 1)
2021-06-24 18:18:44
594
原创 echarsty轴刻度显示整数， minInterval
minInterval：1yAxis: { type: 'value', minInterval: 1 },var option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] ...
2021-06-24 10:17:26
1610
原创 css控制文字只显示一行，多余省略号
*外盒子要设置宽度div内显示一行，超出部分用省略号显示white-space: nowrap;overflow: hidden;text-overflow: ellipsis;div内显示两行或三行，超出部分用省略号显示overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;（行数）-webkit-box-orient: vertical;...
2021-06-24 09:36:20
573
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人