摘要: 场景:在APP页面开发中,有一个需求,做一个返回按钮,实现的功能和浏览器的后退按钮相同。 措施:具体思路如下: 1.开始打开页面时,浏览器的history.length为1,按钮隐藏; 2.当history.length>1时,点击按钮执行 history.go(-1); 3.后退到历史记录栈中第一 阅读全文
posted @ 2019-09-24 22:28 rqpjuicy 阅读(324) 评论(0) 推荐(0) 编辑
摘要: 场景:移动端块点击不友好,用户不能感觉是否已点击 措施:实现像PC端那样移入时有过渡变化效果。但PC端实现的:hover样式在APP端并不适用,APP端用:active能实现一样效果。但是在ios设备上即使设置了:active也没有反应,是因为touchstart未被有效监听,可以在js加一句 也可 阅读全文
posted @ 2019-09-24 20:02 rqpjuicy 阅读(945) 评论(0) 推荐(0) 编辑
摘要: 场景:echarts中图形有两种渲染方式,canvas渲染和svg渲染,分别运用在什么样的场景下 措施:Canvas 更适合绘制图形元素数量非常大(这一般是由数据量大导致)的图表(如热力图、地理坐标系或平行坐标系上的大规模线图或散点图等),也利于实现某些视觉特效;在不少场景中,SVG 具有重要的优势 阅读全文
posted @ 2019-09-22 22:20 rqpjuicy 阅读(1344) 评论(0) 推荐(0) 编辑
摘要: 场景:做报表图形展示时,接口返回的数据通常为一组数据对象,需要根据code进行分组,将数据分类成几组,用图形描绘出来 措施:代码如下 返回数组对象包括name和data两个字段,data中包括原数组对象中所有字段。 阅读全文
posted @ 2019-09-21 23:41 rqpjuicy 阅读(3184) 评论(0) 推荐(0) 编辑
摘要: 在做报表开发时遇到问题:由第一层数据下钻到下一层,是在一个文件中开发,通过显示隐藏来控制,下钻到第二层后通过返回按钮来返回第一层,现根据业务需求调整,不能显示返回按钮,需通过浏览器的后退来返回到数据的第一层。 处理这个问题,首先要在下钻时,向浏览器的history插入一条记录,保证点击浏览器后退时, 阅读全文
posted @ 2019-09-20 22:11 rqpjuicy 阅读(4894) 评论(0) 推荐(0) 编辑
摘要: 场景:柱状图实现重合并且以虚线展示 措施:代码如下 barGap表示不同系列的柱间距离,默认为30%表示柱子宽度的 30% 阅读全文
posted @ 2019-09-20 10:30 rqpjuicy 阅读(1512) 评论(0) 推荐(0) 编辑
摘要: 场景:在绘制折线图时,通常需要使用基线做为参考值进行比较,如何绘制水平基线,表示平均值,最大值,最小值,或者固定值? 措施:echarts中为标线markLine,type有average,min,max取值 效果如下: 阅读全文
posted @ 2019-09-19 15:35 rqpjuicy 阅读(754) 评论(0) 推荐(0) 编辑
摘要: 场景:通过多Y轴,来实现多个维度对比来看数据的变化 措施:给yAxis对象设置多组数组,分别代表不同Y轴;在series中配置时,每项需配置yAxisIndex,不设置改参数,默认为0 代码如下: 阅读全文
posted @ 2019-09-18 11:47 rqpjuicy 阅读(1250) 评论(0) 推荐(0) 编辑
摘要: 场景:实现折线图局部虚线 措施:series中两组数据name相同,data数据部分,实现或者虚线无值的部分用空来占位。 代码如下: 阅读全文
posted @ 2019-09-17 17:20 rqpjuicy 阅读(3065) 评论(0) 推荐(0) 编辑
摘要: 场景:touch滑动有上,下,左,右四个方向,如何判断其滑动的方向? 措施:1.根据移动的值正负来判断 2.根据角度来判断方向 阅读全文
posted @ 2019-09-16 22:05 rqpjuicy 阅读(875) 评论(0) 推荐(0) 编辑