摘要:
最近一直在学习canvas,之前工作中经常用到highcharts,于是想着用canvas画一个饼图.制作成插件 对于js可直接引入.使用起来方便 1.引入js 2.要插入饼图的区域 3.脚本部分 data即为数据 可自己修改 大小长度 不固定 4.效果 效果一: 效果二: 鼠标上浮 出现toolt 阅读全文
摘要:
上篇写了一个树形目录的制作,平时还会遇到一种点击文本框在下方弹出一个树形目录的结构,于是结合上篇实现了了一个类似下拉列表的功能插件 使用起来便捷简单,只需要引入对应的js和css文件 如下文两个文本框: 必填属性:class="simpleTree" 属性介绍:可参照上一篇树形目录的制作:http: 阅读全文
摘要:
介绍:简单树形结构 可动态修改数据 实现点击事件 只选择叶子结点 以及多选框 等事件 使用规则如下: 1.引入样式表文件 2. 引入:jquery-1.9.1.min.js 3.默认 树形容器div 4.js代码如下: (对于ids里面的json数据 格式如下 可根据需要添加其他属性,添加后即可 最 阅读全文
摘要:
1.虽然highcharts标题已经支持html语法 如下: 但是对于select ,文本 等标签 得到的效果却差强人意 eg; 试了很多种办法都不行 没办法 最后只能硬来了 第一种办法: 审查元素观察标题代码: 当你设置了 contanier 的高度宽度的时候 图像的位置也随即确定,这个时候 标题 阅读全文
摘要:
默认使用方法及配置: 引入的js文件暂不显示 默认效果如图: 思路: 如要修改延迟加载及刷新数据为方式: 则可以先配置好默认的信息存放在option中,最后在填充数据,在调用highcharts的var chart = new Highcharts.Chart(options);渲染图形 eg: / 阅读全文
摘要:
前台页面: 引入snow.js: 静态图效果如下(): 阅读全文
摘要:
插件js: 前台样式: 调用代码: 效果: 值得注意的是 1.引入js前 需要提前引入 jquery js文件 2.由于样式重叠 在写前台样式的时候 需要对使用到的标签的选择器写的更具体 如: 阅读全文