- 博客(7)
- 收藏
- 关注
原创 css 伪元素方法写小圆点
.icon-size-12 { cursor: pointer; width: 16px; height: 16px; margin: 22px 30px 0 0; background-position: center; background-repeat: no-repeat; float: right; //小圆点 ...
2019-05-22 18:00:37 13786
原创 echarts 图例颜色不重复
问题:原始的颜色是十几个颜色重复显示解决:1、随机生成颜色2、赋值给series里每条数据得itemStyle:color//随机生成颜色handleColors(){ let color = ''; let r=Math.floor(Math.random()*256); let g=Math.floor(Math.random()*...
2019-05-22 17:57:33 4948
原创 echarts 得enterable为true时,造成的其他图得tip不消失问题
问题:因为enterable为true,tooltip能够鼠标移入tooltip内查看数据,但是会有隐患得bug,邻近的图得tip不消失页面:解决:1、显示tooltip时,找到邻近的图里是否有其他的tooltip2、有的话就把邻近的图里的tooltip隐藏掉,不能清空,也不能remove//图得tips位置handleEchartTipOption(){...
2019-05-22 17:52:04 4379 2
原创 echarts 的tooltip定位到当前图,避免溢出和遮挡
问题:tooltip初始是跟着鼠标移动,当内容过多(宽度高度过大),会被其他遮挡或者会溢出屏幕外解决:思路:根据官方文档,鼠标在左侧时,tip在右侧,鼠标在右侧时,tip在左侧,这样不会溢出,太高或太宽可以设置滚动条,这样也不会被遮挡改进:1、因为内容过多,展示不完全有滚动条,所以需要鼠标能实时移到tip上进行详细查看,所以运用了 enterable:true,...
2019-05-22 17:49:28 5016
原创 点击其他地方隐藏下拉框(待完善)
思路:把点击能够展开下拉框得某些元素和其他元素比较//点击可展开下拉框得一些元素let item = [$('.ipItem')[0],$('.ip')[0],$('.myCanvas')[0]];$(document).on('click',(e)=>{ e = e || window.event; let t = e.t...
2019-05-06 18:46:11 907
原创 运行npm start报错堆内存不足
报错解决:"scripts": { "start": "node --max-old-space-size=4096 dev.js", "build": "webpack --progress --profile --colors --config webpack.prod.config.js", "test": "echo \"Error: no test...
2019-05-06 18:43:10 2961 3
原创 jQ模拟下拉框以及向下三角
界面;问题:因为select自带得option不能自适应宽度,意味着option宽度有时候会比select宽度长,如下图:解决:自己模拟写一个select带向下三角得下拉框;原理:1、我这里用的div当作一个框,里面包含下拉框选中内容和三角形(三角形是靠css实现得)2、用ul/li模拟一个显示隐藏得下拉框;3、jq获取元素以及显示隐藏元素都比较方便,原生也...
2019-05-06 18:31:45 639
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人