可拖拽图表差值统计(预约人数统计)

所属分类:UI,输入-图表,拖和放

 22713  276  查看评论 (1)
分享到微信朋友圈
X
可拖拽图表差值统计(预约人数统计) ie兼容8

本插件完全自主开发,开源。

需改zhuzhi.js initColmH设置图表的高度;max设置图表最高点值 ,setMax设置y轴可拖动指针值。注意要小于max值。

初始化预计现场取票人数数组X;有多少个数据,图表就显示出几组柱状图;

1.zhuzi.js配置图表大小

var  initColmH=400,//colm高度
max = 1050,//极限值
setMax = 1000;

2. 数组x = [] 现场预约初始值

3.zhuzhi.html每个柱状对应一段下面代码

<div>
    <div>
        <div><span>450</span></div>
        <div></div>
        <div></div>
    </div>
    <div></div>
</div>

多少组数据就留多少代码

相关插件-图表,拖和放

jQuery表头固定

基于superTables做的改造,可以完美锁定表头和列,已经用于实际项目,还有很多改造的空间
  图表
 42301  456

jquery.jqplot 绘图插件

jqPlot是一个jQuery绘图插件,可以利用它制作漂亮的线状图、柱状图和饼图。
  图表
 46857  374

轻量级图形报表插件JSCharts

JScharts是一个用于在浏览器直接绘制图表的JavaScript工具包。JScharts支持柱状图、圆饼图以及线性图,可以直接将这个图插入网页,JScharts图的数据可以来源于XML文件、JSON文件或JavaScript数组变量。
  图表
 47102  364

layui使用datatableajax请求json渲染数据

基于layui,datatable.js。将datatable扩展成可以使用layui的调用方式调用的插件。当然如果想单独使用的话,将layui扩展去掉即可,可自行百度layui。
  图表
 75039  410

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    王兴玉 0
    2019/4/13 13:43:08
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复