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

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

 14226  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扁平化多色时间日历插件ECalendar

基于jQuery开发的CSS3时间日历插件,高效好用,日期时间选择一气呵成。
  日期和时间
 52278  493

漂亮的倒计时

漂亮的倒计时,带反转效果。
  日期和时间
 43198  328

移动端时间选择插件mobiscroll 2.5.1修改版

移动端时间选择插件mobiscroll 2.5.1修改版可以显示上下午。
  日期和时间
 56459  398

canvas时钟

canvas绘制时钟,代码结构清晰易懂
  日期和时间
 32768  398

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

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