- 博客(48)
- 资源 (1)
- 收藏
- 关注
原创 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关注的人