随笔分类 -  frontend

bootstrap Validator实践
摘要：1、是什么 bootstrapValidator是基于jquery、bootstrap数据验证插件。源码作者已不再对此库进行更新，替代的库为FormValidation。 2、源码结构 包括了样式文件、主js文件、各种校验器及语言包，分别对应如下： 样式 主js 各种校验器，包括非空、日期、数字、最 阅读全文

posted @ 2018-09-06 01:22 村_长 阅读(617) 评论(0) 推荐(0)

echarts实践-图表划分区域并设置不同颜色
摘要：上一篇echarts实践-用线分割的点图介绍了echarts的基本操作及用标线分割点图的不同区域，如下为给图表划分区域。 1、series节点下添加属性markArea增加区域 （1）markArea节点下的data由多组区域数据构成，每组长度固定为2的对象分别用来固定左右及上下区间 （2）可全局控 阅读全文

posted @ 2018-08-28 18:22 村_长 阅读(14149) 评论(0) 推荐(0)

echarts实践-用线分割的点图
摘要：场景：不同类别每天都会录入一些监控的数据，其中包括黄色、红色警戒区，需通过图表展示不同种类数据每天的分布情况 一、基础处理 1、设置 y轴标题与y轴平行 yAxis: { name:'y轴标题', position: 'left',//y轴位置 nameLocation: 'middle', //坐 阅读全文

posted @ 2018-08-22 08:13 村_长 阅读(2350) 评论(0) 推荐(0)

给echarts的图表加水平直线或其它直线
摘要：可通过markLine及type=‘line’的方式添加直线 1、markline 可通过设置symbol取消/增加两端的箭头 2、type=‘line’ 此种方式，对于X坐标轴为字符串的值无法从圆点开始 3、示例 阅读全文

posted @ 2018-08-20 18:51 村_长 阅读(16927) 评论(0) 推荐(0)

图文流布局
摘要：1、插件（1）Masonryhttps://masonry.desandro.com/Masonry是最流行的瀑布流插件之一，配置简单，功能强大。注意：如果你需要加载图片，Masonry不会在图片加载完后重新布局，这可能会影响你的布局效果（2）imagesLoadedhttps://imageslo 阅读全文

posted @ 2018-08-18 00:16 村_长 阅读(314) 评论(0) 推荐(0)

导航