jQuery自定义生成鱼骨图(时间趋势图)

所属分类:输入,UI-日期和时间,图表

 14096  179  查看评论 (0)
分享到微信朋友圈
X
jQuery自定义生成鱼骨图(时间趋势图) ie兼容12

更新时间:2019-12-19 22:19:27

更新说明:之前使用百分比定位的视口发生变化容易使插件错位变形。

使用方法没有变化,fishBone.init(container,option)初始化插件,其中container为选择器的名称,像“.contaner”或“#container”,option没有变化。


更新时间:2019-12-19 00:35:24

依赖的插件

1,jquery

2,html2canvas

使用方法

  • fishBone.init(option) 初始化插件

  • option为对象,

  • option.data为传入的数据,

  • option.color为鱼骨图的背景色可以不传。

  • option.download=true,可以打开截图下载选项,默认视打开的。

  • option.data =[{label:'内容',date:'2019-01-01'},{label:'内容',date:'2019-01-01'}]

相关插件-日期和时间,图表

只选择小时、分的时间插件jquery-timepicker.js

HunterTimePicker 时间选择组件,可以选择小时和分钟,小时为24小时制,分钟间隔为5分钟。
  日期和时间
 79868  371

jquery 圆形进度式倒计时

jquery 圆形进度式倒计时
  日期和时间
 43509  342

jQuery移动端日期和时间插件

移动端日期和时间,完全兼容PC端和移动,做了完善,完全兼容
  日期和时间
 75662  360

jQuery日历插件支持多选、单选日期(原创)

日历支持多选日期单选日期等
  日期和时间
 32123  213

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

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复